:root{--bg:#090909;--panel:#121212;--panel2:#181818;--line:#2b2b2b;--text:#f3f0e9;--muted:#99958d;--accent:#e8b44b;--ok:#69c98b;--danger:#e97676;--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 70% -20%,#292216 0,transparent 32%),var(--bg);color:var(--text);font-family:var(--font-ui)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);display:grid;gap:18px;padding:38px;background:linear-gradient(160deg,#191919,#101010);border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{font-family:var(--font-ui);font-size:40px;margin:0}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font:700 27px var(--font-ui)}.error{color:var(--danger);min-height:20px;margin:0}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:rgba(12,12,12,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;margin-bottom:40px}.brand strong{font:700 21px var(--font-ui)}.brand small,.server-state small{display:block;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-item{padding:13px 15px;text-align:left;border:1px solid transparent;background:transparent;color:var(--muted)}.nav-item.active,.nav-item:hover{color:var(--text);border-color:#3d3422;background:#1b1812}.server-state{position:absolute;bottom:25px;left:20px;right:20px;display:flex;gap:10px;padding:14px;border:1px solid var(--line);font-size:12px}.server-state i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(105,201,139,.12);margin-top:4px}
.content{padding:30px;max-width:1750px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--accent);margin:0 0 8px}.topbar h1{font:400 38px var(--font-ui);margin:0}.top-actions{display:flex;gap:9px;flex-wrap:wrap}.ghost,.primary,.icon-btn{border:1px solid var(--line);padding:11px 15px;background:#171717;color:var(--text)}.primary{border-color:var(--accent);background:var(--accent);color:#17120a;font-weight:700}.card{background:linear-gradient(145deg,rgba(25,25,25,.97),rgba(15,15,15,.97));border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 230px auto;gap:12px;align-items:center;margin-bottom:16px}.workspace{display:grid;grid-template-columns:minmax(600px,1.6fr) minmax(300px,.7fr);gap:16px}.card-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px}.card h2{font:400 25px var(--font-ui);margin:0}.card p,.muted{color:var(--muted)}.card p{margin:6px 0 0;font-size:13px}.pill{justify-self:end;border:1px solid #554522;color:#eac77f;padding:7px 11px;font-size:12px}
input,select,textarea{width:100%;border:1px solid var(--line);background:#0c0c0c;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#80652e}label>span{display:block;color:#b9b5ad;font-size:12px;margin-bottom:7px}label small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.project-list{display:grid;gap:8px}.project-item{display:grid;grid-template-columns:24px 105px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid #242424;background:#111}.project-item.dragging{opacity:.45}.drag{color:#666;cursor:grab;font-size:20px}.project-thumb{width:105px;height:65px;object-fit:cover;background:#222}.project-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{font-size:12px;color:var(--muted);margin-top:5px}.badges{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.badge{border:1px solid #3a3a3a;padding:3px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.badge.mp4{border-color:#715b2d;color:#e6bd68}.badge.youtube{border-color:#51332e;color:#df8d7f}.project-actions{display:flex;align-items:center;gap:6px}.project-actions button{padding:8px 10px}.toggle{appearance:none;width:42px;height:23px;border-radius:30px;background:#3b3b3b;position:relative}.toggle:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.toggle:checked{background:var(--accent)}.toggle:checked:after{left:22px}
.preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-card{position:relative;aspect-ratio:16/10;overflow:hidden;background:#222}.preview-card.wide{grid-column:span 2;aspect-ratio:16/7}.preview-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.preview-card:hover img{transform:scale(1.04)}.preview-cap{position:absolute;inset:auto 0 0;padding:30px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:13px var(--font-ui)}.preview-cap small{display:block;color:var(--accent);font:9px var(--font-ui);letter-spacing:.12em;margin-bottom:3px}.sections,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.section-box{border:1px solid var(--line);padding:17px;background:#101010}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.full{grid-column:1/-1}
dialog{width:min(900px,95vw);max-height:93vh;padding:0;border:0;background:transparent;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.dialog-form{padding:24px;background:#121212;border:1px solid #383838}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head{margin-bottom:20px}.dialog-head h2{margin:0;font:400 28px var(--font-ui)}.icon-btn{font-size:25px;padding:5px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{margin-top:20px;justify-content:flex-end}.source-box{border:1px solid var(--line);padding:15px}.source-box legend{color:var(--accent);padding:0 8px}.source-tabs{display:flex;gap:20px;margin-bottom:14px}.source-tabs label,.check{display:flex;align-items:center;gap:8px}.source-tabs input,.check input{width:auto}.thumb-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px}.thumb-stage{aspect-ratio:16/9;background:#070707;display:grid;place-items:center;overflow:hidden}.thumb-stage img,.thumb-stage video{width:100%;height:100%;object-fit:contain;grid-area:1/1}.thumb-stage video{visibility:hidden}.thumb-controls{display:grid;align-content:start;gap:10px}.upload-zone{display:block;padding:12px;border:1px dashed #5b4b2c;background:#16130d}.upload-zone input{padding:7px;margin-top:3px}.toast{position:fixed;right:20px;bottom:20px;z-index:9999;padding:12px 17px;background:#252017;border:1px solid var(--accent);transform:translateY(90px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error-toast{border-color:var(--danger)}
@media(max-width:1050px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto}.server-state{position:static;margin-top:18px}.workspace{grid-template-columns:1fr}.preview-panel{order:-1}.preview{grid-template-columns:repeat(4,1fr)}.preview-card.wide{grid-column:span 2}}
@media(max-width:680px){.content{padding:17px}.topbar{display:block}.top-actions{margin-top:17px}.toolbar,.form-grid,.sections,.settings-grid,.thumb-tools{grid-template-columns:1fr}.full{grid-column:auto}.project-item{grid-template-columns:72px 1fr auto}.project-item .drag{display:none}.project-thumb{width:72px;height:50px}.project-actions{grid-column:2/-1;justify-content:flex-end}.preview{grid-template-columns:1fr 1fr}.topbar h1{font-size:31px}}


.analytics-video-tools{display:flex;gap:10px;align-items:center;margin:16px 0}.analytics-video-tools input{flex:1;min-width:180px}.analytics-video-table{min-width:820px}.analytics-video-table th[data-analytics-sort]{cursor:pointer;white-space:nowrap}.analytics-video-table th[data-analytics-sort]:after{content:' ↕';opacity:.45;font-size:11px}.analytics-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0;border-bottom:1px solid var(--studio-line,#292e37)}.analytics-tabs button{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;min-height:34px!important;padding:8px 12px!important;color:var(--studio-muted,#929aa7)!important}.analytics-tabs button.active{color:var(--studio-text,#f2f4f7)!important;border-bottom-color:var(--studio-blue,#315fdb)!important}
/* Analytics video titles: improve readability without changing metric columns. */
.analytics-video-table td:first-child,#analyticsVideos td:first-child{letter-spacing:.025em!important}