:root{color-scheme:dark;--bg:#080a0d;--panel:#101419;--line:#27303a;--text:#e6edf4;--muted:#82909f;--blue:#65b8ff;--yellow:#f4cc62;--green:#73dfa4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0d1015;gap:15px}.back{color:#9cabb8;text-decoration:none;font-size:11px;letter-spacing:1.5px}.brand{display:flex;align-items:center;gap:10px;letter-spacing:1.5px}.brand strong{font-size:15px}.brand>span:not(.led){font-size:11px;color:#a8b9c8}.brand small{font:10px ui-monospace,monospace;color:var(--yellow);border:1px solid #65552e;padding:2px 5px}.led{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #73dfa477}.top-actions{display:flex;align-items:center;gap:15px}.autosave{color:var(--green);font:10px ui-monospace,monospace}.top-actions button,button{background:#151d25;border:1px solid #354554;color:#d8e8f5;padding:9px 12px;border-radius:4px}.top-actions button{font-size:11px}.shell{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 60px)}.rail{border-right:1px solid var(--line);padding:24px 12px;position:relative;background:#0d1014}.rail-title{font:10px ui-monospace,monospace;color:#738596;letter-spacing:1.4px;padding:0 12px 14px;display:flex;justify-content:space-between}.rail-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:0;background:transparent;color:#9baab7;padding:12px;border-radius:4px;font-size:11px;letter-spacing:.5px}.rail-item.selected{background:#182432;color:#d9e9f7;border-left:2px solid var(--blue)}.rail-item:hover{background:#18212b}.rail-divider,.divider{border-top:1px solid var(--line);margin:20px 0}.rail-note{padding:9px 12px;font:10px/1.9 ui-monospace,monospace;letter-spacing:.2px}.rail-note .muted{padding-left:15px}.rail-bottom{margin-top:50px;padding:15px 12px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.5px}.rail-bottom span{font-size:9px;color:var(--muted)}.main{padding:27px 28px;max-width:1800px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.eyebrow{color:var(--blue);font:10px ui-monospace,monospace;letter-spacing:1.8px}h1{font-size:23px;letter-spacing:1.5px;margin:6px 0 2px;font-weight:650}.cursor{color:var(--green)}.heading p{margin:0;color:#91a0ae}.heading-status{font:11px/1.8 ui-monospace,monospace;text-align:right}.heading-status small{color:var(--muted);font-size:9px}.green{color:var(--green)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.muted{color:var(--muted)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden}.panel-head{height:40px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px ui-monospace,monospace;letter-spacing:.8px}.panel-head b{margin-right:9px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:14px}.screen{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at center,#151c25,#030507 75%);overflow:hidden;display:flex;align-items:center;justify-content:center}.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:camera-static 5s linear both}.screen img.push{animation-name:camera-push}.screen img.pull{animation-name:camera-pull}.screen img.pan{animation-name:camera-pan}.screen img.rise{animation-name:camera-rise}.screen-placeholder{text-align:center;display:grid;gap:7px;color:#8fa0ae;z-index:1}.screen-placeholder strong{font:12px ui-monospace,monospace;letter-spacing:1.2px}.screen-placeholder small{font-size:11px}.frame-icon{font-size:46px;color:#364b5d}.screen-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:15px;background:linear-gradient(transparent,#05080ccf);font:10px ui-monospace,monospace;z-index:2}.transport{display:flex;align-items:center;gap:10px;padding:12px}.transport button{white-space:nowrap}.primary{background:#163653;border-color:#3374a6;color:#cce9ff}.progress{flex:1;height:5px;background:#29333d;border-radius:4px;overflow:hidden}.progress div{height:100%;width:0;background:var(--blue)}.transport>span{font:11px ui-monospace,monospace}.inspector-body{padding:16px}.field-label{display:block;color:#8ea1b1;font:10px ui-monospace,monospace;letter-spacing:.5px;margin-bottom:12px}.field-label input,.field-label select,.field-label textarea{display:block;width:100%;background:#0b1015;color:#e5edf4;border:1px solid #303c48;border-radius:4px;margin-top:7px;padding:10px;outline:none;font:12px system-ui}.field-label textarea{resize:vertical;min-height:80px}.field-label input[type=file]{font-size:10px}.field-label input:focus,.field-label textarea:focus{border-color:var(--blue)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selected-scene{display:flex;justify-content:space-between;color:var(--yellow);font:11px ui-monospace,monospace;margin-bottom:13px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.approve{background:#173428;border-color:#326a4b;color:#a4f0c5}.helper{font-size:10px;color:var(--muted);margin-top:12px}.timeline{margin-top:14px}.legend{display:flex;gap:15px;color:#8494a3}.timeline-inner{padding:16px;overflow:auto}.ruler{display:flex;margin-left:108px;border-bottom:1px solid #33404b;margin-bottom:10px}.ruler span{flex:1;font:10px ui-monospace,monospace;color:#8295a6;padding-bottom:7px}.track{display:flex;min-height:58px;margin:6px 0}.track-name{flex:0 0 108px;padding:12px 9px;color:var(--blue);font:11px ui-monospace,monospace}.track-name span{display:block;color:#81919f;font-size:9px}.clips{display:flex;flex:1;min-width:350px;gap:3px}.clip{flex:1;min-width:0;overflow:hidden;background:#182532;border:1px solid #34516b;position:relative;text-align:left;padding:5px;color:#c7e2f8;border-radius:3px}.clip.active{outline:2px solid var(--yellow);outline-offset:-2px}.clip img{width:100%;height:38px;object-fit:cover;display:block;opacity:.85}.clip small{font:9px ui-monospace,monospace}.prompt-track,.approval-track{min-height:30px}.prompt-track .clip{background:#1a202b;border-color:#3c4354;color:#b9a9f5}.approval-track .clip{background:#1a1e20;border-color:#364037;color:#819487}.approval-track .clip.done{background:#183326;border-color:#3b7752;color:#91e8b4}.music-track{flex:1;display:flex;align-items:center;gap:14px;background:#141b22;border:1px dashed #33414e;padding:10px;font:10px ui-monospace,monospace;color:#899bac}.music-upload{cursor:pointer;color:var(--blue)}.timeline-footer{display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--line);color:var(--muted);font:10px ui-monospace,monospace}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px}.log{padding:14px;font:11px/2 ui-monospace,monospace;min-height:130px;max-height:190px;overflow:auto}.costs{padding-bottom:12px}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.cost-grid small{display:block;color:var(--muted);font:9px ui-monospace,monospace}.cost-grid strong{font:14px ui-monospace,monospace;display:block;margin-top:5px}.costs .button-row{padding:0 16px}.disabled-look{border-color:#65502e;color:#f3d58a}.footnote{display:block;color:var(--muted);padding:10px 16px 0;font-size:10px}@keyframes camera-static{to{transform:scale(1)}}@keyframes camera-push{from{transform:scale(1)}to{transform:scale(1.18)}}@keyframes camera-pull{from{transform:scale(1.2)}to{transform:scale(1)}}@keyframes camera-pan{from{transform:scale(1.16) translateX(-5%)}to{transform:scale(1.16) translateX(5%)}}@keyframes camera-rise{from{transform:scale(1.12) translateY(4%)}to{transform:scale(1.12) translateY(-4%)}}@media(max-width:1050px){.shell{grid-template-columns:65px 1fr}.rail{padding:16px 5px}.rail-title,.rail-item span,.rail-note,.rail-divider,.rail-bottom{display:none}.rail-item{justify-content:center}.main{padding:20px 14px}.workspace{grid-template-columns:1fr}.lower{grid-template-columns:1fr}}@media(max-width:600px){.top{padding:0 10px}.brand>span:not(.led),.brand small,.autosave{display:none}.top-actions button{padding:7px;font-size:9px}.shell{grid-template-columns:1fr}.rail{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:4px}.rail-item{min-width:45px}.main{padding:15px 9px}.heading h1{font-size:18px}.heading-status{display:none}.two{grid-template-columns:1fr 1fr}.legend{display:none}.transport{gap:5px}.transport button{padding:7px}.panel-head{font-size:9px}.timeline-inner{padding:10px}.track-name{flex-basis:65px}.ruler{margin-left:65px}.clips{min-width:330px}.timeline-footer{font-size:8px}}
