:root{color-scheme:dark;--bg:#0a0e14;--panel:#101720;--raised:#17212e;--line:#263140;--text:#e1e8f1;--muted:#8795a8;--blue:#4a98ff;--green:#6bcbb1;--amber:#e5b66b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:var(--text);background:#1b2735;border:1px solid #2b3a4c;border-radius:6px;padding:8px 12px;white-space:nowrap;transition:background .12s,border .12s}button:hover{background:#26384d;border-color:#496486}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.primary{background:#347de4;border-color:#347de4;color:white;font-weight:600}.primary:hover{background:#438df3}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.wide{width:100%}.danger{color:#eda6a6}.topbar{height:82px;padding:0 26px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:-.3px;min-width:255px}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--muted);margin-top:6px}.mark{font-size:27px;font-weight:300;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #365478;border-radius:10px;color:#b1d3ff}.mark span{margin-left:-8px;color:#4a98ff}.project-heading{display:flex;gap:14px;align-items:center;flex:1;min-width:0}.project-heading input{width:190px;max-width:100%;font-weight:600;font-size:15px;border:0;background:transparent;color:var(--text);padding:6px}.local-pill{font-size:9px;letter-spacing:1px;color:var(--green);background:#142b29;border:1px solid #25443d;border-radius:4px;padding:5px 7px;white-space:nowrap}.local-pill i,.dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions .primary{padding:10px 18px}.header-actions .primary span{margin-left:16px}.workflow{display:flex;align-items:center;gap:30px;height:50px;padding:0 26px;border-bottom:1px solid var(--line);font-size:11px}.project-label{font-size:9px;color:var(--muted);letter-spacing:1.6px;min-width:110px}.stage{height:50px;display:flex;align-items:center;gap:9px;color:var(--muted)}.stage b{font-weight:500}.stage.muted{opacity:.55}.stage.active{color:#b8d6ff;border-bottom:2px solid var(--blue)}.stage-note{margin-left:auto;font-size:11px;color:var(--muted)}main{display:grid;grid-template-columns:244px minmax(380px,1fr) 290px;grid-template-rows:minmax(470px,1fr) 230px;gap:12px;padding:16px 20px 0;min-height:720px;height:calc(100vh - 172px)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:0;overflow:hidden}.library,.inspector{padding:17px 14px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h1,.panel-heading h2{font-size:13px;margin:0;font-weight:600}.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:3px 5px;border-radius:5px;background:#202d3d;font-size:10px;color:#b9c7d9}.panel-intro{font-size:11px;color:var(--muted);margin:8px 0 18px}.asset{border:1px solid var(--line);background:#131d29;border-radius:7px;margin:0 0 12px;overflow:hidden}.asset.active{border-color:#4a8adf;box-shadow:0 0 0 1px #3779d02a}.asset-preview{position:relative;display:block;border:0;border-radius:0;padding:0;background:#080c12;width:100%;height:100px}.asset-preview img{width:100%;height:100%;object-fit:cover}.asset-time{position:absolute;right:7px;bottom:6px;background:#050a12c9;font:10px Consolas,monospace;padding:3px 5px;border-radius:3px}.asset-copy{padding:10px 10px 8px;display:flex;justify-content:space-between;gap:8px;align-items:center}.asset-copy b{font-size:11px;display:block;font-weight:600}.asset-copy small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.asset-add{border:1px solid #30445e;color:#a8ccff;border-radius:5px;background:#1e2c3d;width:27px;height:27px;padding:0;font-size:18px}.review-dot{position:absolute;left:8px;top:8px;border-radius:20px;padding:3px 6px;background:#121b28e8;font-size:9px;color:#b7c4d6}.review-dot.approved{color:var(--green)}.review-dot.revise{color:var(--amber)}.library-foot{display:flex;gap:4px;padding-top:9px;color:var(--muted);font-size:10px;line-height:1.6}.library-foot .dot{margin-top:6px;flex-shrink:0}.library-foot b{color:#a6b6ca;font-weight:500}.library-foot p{margin:5px 0 0}.viewer-section{display:flex;flex-direction:column;padding:0 16px}.viewer-heading{height:51px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tabs{display:flex;gap:5px}.tab{background:transparent;border:0;color:var(--muted);font-size:11px;padding:6px 11px}.tab.selected{color:#bcd8ff;background:#223650}.technical{font:10px Consolas,'Courier New',monospace;color:var(--muted)}.screen{position:relative;flex:1;min-height:190px;background:#05080d;border:1px solid #202b39;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen video{width:100%;height:100%;position:absolute;object-fit:contain}.screen #still{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.screen #still[hidden]{display:none}.screen-label,.silent-label{position:absolute;font-size:9px;letter-spacing:1px;background:#0a101ad9;padding:5px 7px;border-radius:3px;pointer-events:none}.screen-label{top:12px;left:12px;color:#b4c4d8}.silent-label{bottom:10px;right:10px;color:#8f9cb0;font-size:8px}.screen:fullscreen{border:0;border-radius:0}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;height:45px;flex-shrink:0}.viewer-toolbar #viewer-name{font-size:12px;font-weight:500}.subtle{color:var(--muted);font-size:10px;margin-left:10px}.icon{padding:4px 8px;border:0;background:transparent;font-size:21px}.transport{display:flex;justify-content:space-between;align-items:center;height:40px;flex-shrink:0}.timecode{font:12px Consolas,monospace;color:#cedcf0;letter-spacing:.6px}.transport-buttons{display:flex;gap:10px;align-items:center}.transport button{border:0;background:transparent;color:#afbdd0;padding:6px 12px}.transport .play{width:34px;height:31px;padding:0;background:#263c57;color:#c9e1ff;font-size:13px;border-radius:6px}.scrubber{margin:10px 0 8px;width:100%;height:3px;accent-color:var(--blue);cursor:pointer}.viewer-footer{display:flex;justify-content:space-between;gap:8px;padding:12px 0 16px;color:var(--muted);font-size:9px}.dot.blue{background:var(--blue)}.divider{color:#455365;margin:0 6px}.eyebrow{font-size:8px;color:var(--muted);letter-spacing:1px}.field-label{display:block;font-size:10px;color:var(--muted);margin:23px 0 8px}select,input[type=number],textarea{background:#0d141d;border:1px solid #2c394b;border-radius:5px;color:var(--text);padding:8px;width:100%}select{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:4px}.section-heading h3{font-size:11px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.trim-panel{border-top:1px solid var(--line);margin-top:19px;padding-top:18px}.trim-fields{display:flex;gap:9px;margin:12px 0}.trim-fields label{font-size:10px;color:var(--muted);flex:1}.trim-fields input{margin-top:7px;font:12px Consolas,monospace}.hint{font-size:10px;color:var(--muted);line-height:1.6}.trim-panel .hint{margin:6px 0 0}.notes-heading{margin:22px 0 12px;padding-top:18px;border-top:1px solid var(--line)}textarea{resize:vertical;font-size:11px;line-height:1.5;min-height:65px;margin-bottom:9px}textarea::placeholder{color:#64768c}.notes{margin-top:13px;max-height:230px;overflow:auto}.note{background:#17212e;border:1px solid #26374b;border-radius:5px;padding:10px;margin-bottom:8px}.note-top{display:flex;justify-content:space-between;align-items:center}.note-jump{border:0;background:transparent;color:#85b6fc;padding:0;font:10px Consolas,monospace}.note-delete{padding:0 4px;border:0;background:transparent;color:var(--muted);font-size:13px}.note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5;margin:7px 0 0;color:#bac8da}.empty-notes{font-size:10px;color:var(--muted);line-height:1.7;padding:0 1px}.source-details{margin-top:18px;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:var(--muted)}summary{cursor:pointer;color:#a8b8cd}#metadata p{font-size:10px;line-height:1.65;overflow-wrap:anywhere}#metadata b{color:#bccbdd;font-weight:500}.timeline-section{grid-column:1/-1;display:flex;flex-direction:column}.timeline-header{padding:13px 15px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.timeline-title{display:flex;gap:15px;align-items:center}.timeline-title h2{font-size:12px;white-space:nowrap;margin:0}.edit-tools{display:flex;align-items:center;gap:5px}.edit-tools button{padding:5px 8px;font-size:10px;background:#172331}.tool-divider{height:18px;width:1px;background:var(--line);margin:0 6px}.zoom{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;margin-left:10px}.zoom input{width:65px;accent-color:var(--blue);height:3px}.timeline-body{display:flex;flex:1;min-height:100px;overflow:hidden;background:#0c121b}.track-label{width:100px;flex-shrink:0;border-right:1px solid var(--line);padding:44px 12px 0;font-size:10px}.track-label span{font:9px Consolas,monospace;color:#8ebdff;display:inline-block;background:#233b5b;padding:4px;border-radius:3px}.track-label b{font-size:10px;font-weight:500;margin-left:7px}.track-label small{display:block;font:9px Consolas,monospace;color:var(--muted);margin-top:9px}.timeline-scroll{position:relative;overflow:auto;flex:1;padding:0 12px}.ruler{height:28px;position:relative;min-width:100%;border-bottom:1px solid #1e2a39;font:9px Consolas,monospace;color:#718197}.tick{position:absolute;bottom:0;border-left:1px solid #35455b;height:8px;padding-left:5px;line-height:0;white-space:nowrap}.timeline-clips{display:flex;align-items:stretch;position:relative;height:68px;margin-top:8px;min-width:100%}.timeline-clip{flex-shrink:0;position:relative;min-width:5px;padding:0;border:1px solid #456b9e;border-radius:4px;background:#223c60;overflow:hidden;text-align:left;color:#dcecff;margin-right:2px;cursor:grab;isolation:isolate}.timeline-clip.selected{border:2px solid #80b4ff;box-shadow:0 0 0 1px #377ce3}.timeline-clip.drag-over{border-color:#f2cd81}.clip-film{position:absolute;inset:0;opacity:.35;background-size:auto 100%;background-repeat:repeat-x;z-index:-1}.clip-caption{display:block;background:#1b3454d9;padding:4px 7px;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-length{position:absolute;bottom:5px;left:7px;font:9px Consolas,monospace;text-shadow:0 1px 3px black}.timeline-playhead{position:absolute;top:-7px;bottom:-15px;width:1px;background:#adcfff;z-index:3;pointer-events:none}.timeline-playhead:before{content:'';position:absolute;left:-4px;top:0;width:9px;height:7px;background:#adcfff;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}.timeline-empty{font-size:12px;color:var(--muted);align-self:center;padding:15px 22px}.track-bed{height:21px;border-bottom:1px solid #1d2836;min-width:100%}.timeline-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);min-height:33px}.statusbar{height:40px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;color:#66788e;font-size:9px;gap:15px}.statusbar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar button{font-size:10px;padding:4px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#243650;color:#edf4ff;border:1px solid #4e6e98;padding:12px 18px;border-radius:7px;max-width:600px;z-index:20;box-shadow:0 10px 30px #0008;font-size:12px}dialog{background:#121c29;color:var(--text);border:1px solid #3b506d;border-radius:12px;width:min(580px,92vw);padding:25px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px;font-weight:500;margin:8px 0}.dialog-heading>button{background:transparent;border:0;font-size:16px}dialog>p{font-size:12px;color:#a5b5cb;line-height:1.7}.revision{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0}.revision b{font-size:12px;font-weight:500}.revision small{display:block;color:var(--muted);font-size:10px;margin-top:5px}#revision-list{max-height:400px;overflow:auto}.export-spec{background:#0d1520;border:1px solid #25354a;border-radius:7px;padding:14px;margin:18px 0}.export-spec span{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin:8px 0}.export-spec b{color:#c5d2e3;font-weight:400}progress{width:100%;height:8px;accent-color:var(--blue);margin-top:20px}#export-message{font-size:11px;color:#adbed5}#export-results a{display:block;background:#1b3049;border:1px solid #32557e;border-radius:6px;padding:12px;margin:9px 0;color:#b7d8ff;text-decoration:none;font-size:12px}#empty-screen{color:var(--muted);font-size:13px;text-align:center;padding:20px}[hidden]{display:none!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#2c3d53;border-radius:5px}::-webkit-scrollbar-track{background:#101721}@media(min-width:1700px){main{grid-template-columns:275px minmax(500px,1fr) 320px;grid-template-rows:minmax(520px,1fr) 250px}.asset-preview{height:125px}}@media(max-width:1200px){.topbar{gap:12px;padding:0 18px}.brand{min-width:230px}.project-heading{gap:5px}.project-heading input{width:145px}.local-pill{font-size:8px}.header-actions{gap:4px}.header-actions .quiet{font-size:10px}.workflow{gap:20px}.stage-note{display:none}main{grid-template-columns:205px minmax(330px,1fr) 255px;padding:12px 12px 0;gap:9px}.asset-preview{height:86px}.eyebrow{font-size:7px}.viewer-footer{font-size:8px}.edit-tools button{padding:5px 6px}.zoom{display:none}.timeline-title{gap:8px}.subtle{display:none}.technical{font-size:9px}.timeline-header{gap:5px;padding:12px}}@media(max-width:980px){.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding:14px;gap:10px}.brand{min-width:230px;flex:1}.project-heading{order:3;flex-basis:100%}.project-heading input{width:220px}.header-actions .quiet{display:none}.workflow{padding:0 15px;gap:20px}.project-label{display:none}main{height:auto;min-height:0;grid-template-columns:190px minmax(300px,1fr);grid-template-rows:490px auto 240px}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;overflow:visible}.inspector .panel-heading{grid-column:1/-1}.inspector .field-label{margin-top:15px}.inspector select{grid-column:1;grid-row:3}.trim-panel{grid-column:2;grid-row:2/6;margin:15px 0 0;padding:0;border:0}.notes-heading{grid-column:1;grid-row:4;margin-top:15px}.inspector form{grid-column:1;grid-row:5}.notes{grid-column:2;grid-row:6;max-height:180px}.source-details{grid-column:1;grid-row:6}.timeline-section{grid-row:3}.timeline-header{flex-wrap:wrap}.viewer-footer>span:last-child{display:none}.edit-tools{flex-wrap:wrap}.timeline-title{width:100%}.statusbar{height:45px}.timeline-footer>span:last-child{display:none}}@media(max-width:600px){.brand{font-size:15px;min-width:210px}.header-actions button{font-size:10px;padding:7px}.header-actions .primary{padding:8px}.header-actions .primary span{margin-left:4px}.brand small{font-size:7px}.mark{width:33px;height:33px}.workflow{gap:17px;height:44px}.stage{height:44px;font-size:10px}main{display:flex;flex-direction:column;padding:8px}.viewer-section{order:0;height:410px;flex-shrink:0}.library{order:1;padding:13px}.library #library-list{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.asset{min-width:160px;width:160px;flex-shrink:0;margin-bottom:0}.library-foot{display:none}.asset-preview{height:90px}.panel-intro{margin-bottom:12px}.inspector{order:3;display:block}.trim-panel{margin:16px 0;padding-top:16px;border-top:1px solid var(--line)}.timeline-section{order:2;min-height:240px}.edit-tools{gap:4px}.edit-tools button{font-size:9px;padding:5px}.tool-divider{display:none}.timeline-header{padding:10px;gap:10px}.track-label{width:75px;padding-left:8px}.track-label b{margin-left:2px;font-size:9px}.notes{max-height:230px}.viewer-resolution{font-size:8px}.transport .timecode{font-size:11px}.screen{min-height:170px}.stage.muted{opacity:.4}.statusbar{padding:0 10px}.statusbar>span{max-width:55%}}