:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#17211d;cursor:pointer;background:#fff;border:1px solid #d8d4c9;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-weight:700;display:inline-flex}button:hover:not(:disabled){border-color:#8c7561}button:disabled{cursor:not-allowed;opacity:.55}button.primary{color:#fff;background:#116149;border-color:#116149}button.published-button{color:#0d5a38;background:#dff4e7;border-color:#8bc6aa}.app-shell{max-width:1480px;margin:0 auto;padding:22px}.topbar,.status-band,.workspace,.video-hero,.meta-compare,.section-heading,.panel-title,.hero-actions,.top-actions,.stat,.notice{display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.eyebrow{color:#7e342f;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.8rem);line-height:.98}h2{font-size:1.05rem;line-height:1.3}h3{font-size:.9rem}.top-actions,.hero-actions{flex-wrap:wrap;gap:10px}.status-band{background:#fff;border:1px solid #ded9ce;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;margin-bottom:14px;display:grid;overflow:hidden;box-shadow:0 14px 35px #241f1812}.stat{border-right:1px solid #e7e2d8;align-items:center;gap:8px;min-width:0;padding:14px}.stat:last-child{border-right:0}.stat span{color:#6b655c;font-size:.8rem}.stat strong{overflow-wrap:anywhere;min-width:0;margin-left:auto}.notice{color:#174d3c;background:#e8f5ef;border:1px solid #b9d9ca;border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:11px 12px}.warning-inline{color:#5b3e08;background:#fff4db;border-color:#e7c678}.workspace{align-items:flex-start;gap:18px}.video-list{background:#fff;border:1px solid #ded9ce;border-radius:8px;flex:0 0 330px;max-height:calc(100vh - 180px);position:sticky;top:18px;overflow:hidden;box-shadow:0 14px 35px #241f1812}.panel-title{border-bottom:1px solid #ebe6dc;align-items:center;gap:8px;padding:14px}.video-scroll{max-height:calc(100vh - 235px);padding:8px;overflow:auto}.video-row{text-align:left;border-color:#0000;justify-content:flex-start;width:100%;padding:8px}.video-row.selected{background:#e8f5ef;border-color:#95c5b1}.video-row img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:0 0 82px;width:82px}.video-row span{min-width:0}.video-row strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.25;display:-webkit-box;overflow:hidden}.video-row small{color:#756d62;margin-top:4px;font-size:.74rem;display:block}.detail{flex:1;min-width:0}.video-hero,.meta-compare,.review-main,.review-side,.empty-review{background:#fff;border:1px solid #ded9ce;border-radius:8px;box-shadow:0 14px 35px #241f1812}.video-hero{align-items:stretch;gap:16px;margin-bottom:14px;padding:14px}.video-hero>img{aspect-ratio:16/9;object-fit:cover;border-radius:7px;flex:0 0 min(360px,38%);width:min(360px,38%)}.video-hero>div{gap:12px;min-width:0;display:grid}.video-hero p,.meta-compare p,.empty-review p,.mini-section p,.score-card span{color:#625c53;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:10px}.pill{color:#4f493f;text-transform:capitalize;background:#ece8de;border-radius:999px;flex:none;padding:5px 9px;font-size:.76rem;font-weight:800;display:inline-flex}.pill.strong{color:#0d5a38;background:#dff4e7}.pill.ok{color:#704d06;background:#fff1ca}.pill.weak{color:#84332b;background:#ffe3df}.tag-strip,.title-options{flex-wrap:wrap;gap:8px;display:flex}.tag-strip span{color:#625b51;background:#f0eee7;border-radius:999px;padding:5px 8px;font-size:.74rem;font-weight:700}.meta-compare{grid-template-columns:1fr 1fr;gap:0;margin-bottom:14px;display:grid;overflow:hidden}.meta-compare>div{gap:8px;padding:14px;display:grid}.meta-compare>div:first-child{border-right:1px solid #ebe6dc}.review-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.review-main,.review-side,.empty-review{padding:16px}.review-main{gap:14px;display:grid}label{color:#332f29;gap:7px;font-size:.82rem;font-weight:800;display:grid}.label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.label-row>:first-child{margin-right:auto}.label-row button,.score-card button{min-height:32px;padding:6px 9px;font-size:.76rem}input,textarea{color:#17211d;resize:vertical;background:#fbfaf6;border:1px solid #d8d4c9;border-radius:7px;width:100%;padding:10px 11px;line-height:1.45}.publish-confirmed input,.publish-confirmed textarea{background:#f6fff9;border-color:#78bd9b;box-shadow:0 0 0 3px #1161491a}.title-options button{min-height:32px;padding:6px 9px;font-size:.78rem;font-weight:700}.tag-intel{background:#fbfaf6;border:1px solid #e4dfd4;border-radius:7px;gap:10px;padding:12px;display:grid}.tag-intel p{color:#625c53;margin-top:4px;line-height:1.5}.review-side{gap:12px;display:grid}.score-card{background:#e8f5ef;border:1px solid #b9d9ca;border-radius:7px;gap:6px;padding:12px;display:grid}.thumbnail-output img{aspect-ratio:16/9;object-fit:cover;border-radius:7px;width:100%}.thumbnail-output textarea{font-size:.78rem}.bass-model-card{background:#fbfaf6;border:1px solid #e4dfd4;border-radius:7px;padding:12px}.mini-section{border-top:1px solid #ebe6dc;gap:9px;padding-top:12px;display:grid}.mini-section.warning{color:#6a3d04}dl{grid-template-columns:80px 1fr;gap:7px;margin:0;display:grid}dt{color:#756d62;font-weight:800}dd{margin:0}ul{margin:0;padding-left:18px}li{margin-bottom:7px}.empty-review,.loading{color:#625c53;text-align:center;place-items:center;gap:10px;min-height:280px;display:grid}.loading{min-height:100vh}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.workspace,.video-hero{display:grid}.video-list{max-height:none;position:static}.video-scroll{max-height:420px}.video-list,.video-hero>img{width:100%}.video-hero>img{flex-basis:auto}.review-grid,.meta-compare{grid-template-columns:1fr}.meta-compare>div:first-child{border-bottom:1px solid #ebe6dc;border-right:0}}@media (width<=760px){.app-shell{padding:14px}.topbar{align-items:stretch;display:grid}.top-actions button,.hero-actions button,.label-row button{flex:140px;justify-content:center}.label-row{align-items:stretch;display:grid}.status-band{grid-template-columns:1fr}.stat{border-bottom:1px solid #e7e2d8;border-right:0}.stat:last-child{border-bottom:0}}
