.selection-page{background:#F6F5F4;color:#2D2A30;min-height:100vh}
.selection-header{height:80px;padding:0 clamp(24px,4vw,65px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E9E1E7;background:#fff;gap:15px}
.selection-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;letter-spacing:-.5px;font-weight:800}.selection-brand img{width:37px;height:37px;background:#F0E7EB;padding:5px;border-radius:9px}.selection-brand span{color:#865E72}
.selection-header nav{display:flex;gap:22px}.selection-header nav a{font-size:12px;font-weight:700;text-decoration:none;color:#7E6475}.selection-shell{max-width:1700px;margin:0 auto;padding:42px clamp(20px,4vw,65px) 80px}
.selection-intro h1{font-size:clamp(31px,3.7vw,47px);letter-spacing:-2px;margin:11px 0}.selection-intro p{font-size:14px;line-height:1.7;color:#8A7D86;max-width:720px;margin:0 0 30px}
.selection-warning{font-size:13px;padding:15px 18px;border-radius:12px;background:#FAF1DE;color:#866629;margin-bottom:20px}
.selection-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(400px,1.22fr);gap:20px;align-items:start}
.selection-controls,.selection-preview{border:1px solid #EEE7EC;border-radius:18px;background:#fff;min-width:0;overflow:hidden}
.selection-panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 24px 18px}
.selection-panel-header h2{font-size:17px;letter-spacing:-.4px;margin:0}.selection-panel-header p{color:#92838D;font-size:12px;margin:7px 0 0}
.selection-button{border:1px solid #E0CFDA;border-radius:10px;padding:9px 12px;background:#F9F4F7;font-size:12px;color:#795B70;font-weight:800}
.selection-search{display:flex;gap:9px;padding:0 24px 18px}.selection-search input,.selection-search select,.selection-theme select{border:1px solid #E8E0E6;border-radius:9px;background:#FCFBFC;color:#3A2C35;padding:11px;min-width:0;font-size:12px}.selection-search input{flex:1}.selection-search select{max-width:136px}
.selection-list{border-top:1px solid #F1EDF0;max-height:695px;overflow-y:auto}
.selection-item{padding:14px 20px;display:flex;gap:9px;align-items:center;justify-content:space-between;border-bottom:1px solid #F1EDF0}.selection-item.checked{background:#FAF5F8}.selection-item:hover{background:#FAF7F9}
.selection-checkbox{display:flex;gap:11px;align-items:center;min-width:0;flex:1;cursor:pointer}.selection-checkbox input{accent-color:#865E72;width:17px;height:17px;flex-shrink:0}
.selection-thumbnail{width:52px;height:62px;flex-shrink:0;background:linear-gradient(130deg,#342B35,#88647B);color:#D5B7C8;border-radius:7px;display:grid;place-items:center;font-size:24px;overflow:hidden}
.selection-thumbnail img{width:100%;height:100%;object-fit:cover}
.selection-item-text{display:grid;min-width:0;gap:7px}.selection-item-text strong{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selection-item-text small{font-size:10px;color:#968895;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selection-order{display:flex;gap:4px}.selection-order button{width:27px;height:31px;background:#F6F0F4;border:0;border-radius:7px;color:#825F75;font-size:15px}
.selection-tip{font-size:11px;color:#9A8995;line-height:1.7;margin:0;padding:18px 24px}
.selection-theme{font-size:11px;color:#7D6877;display:flex;align-items:center;gap:8px}.selection-theme select{max-width:180px;padding:8px}
#selected-feed-iframe{display:block;width:100%;height:min(850px,85vh);border:0;background:#F6F5F4}
.selection-empty{padding:30px;color:#938291;text-align:center;font-size:13px}
@media(max-width:1080px){.selection-layout{grid-template-columns:1fr}.selection-list{max-height:520px}#selected-feed-iframe{height:850px}}
@media(max-width:640px){.selection-header{height:70px;padding:0 16px}.selection-header nav{gap:9px}.selection-header nav a{font-size:10px}.selection-brand{font-size:14px}.selection-shell{padding:25px 14px 60px}.selection-panel-header{padding:20px 14px 15px;flex-wrap:wrap}.selection-search{padding:0 14px 15px}.selection-item{padding:13px 10px}.selection-order{flex-direction:column}.selection-tip{padding:16px}.selection-theme{flex-wrap:wrap}.selection-layout{gap:14px}#selected-feed-iframe{height:650px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}