:root{--bg:#121315;--panel:#18191c;--panel-2:#1f2024;--raise:#26282d;--line:#2b2d33;--line-strong:#3a3d44;--text:#e7e8eb;--muted:#8d929b;--faint:#5d626b;--accent:#e8642a;--accent-soft:#e8642a24;--pgm:#e5484d;--pvw:#30a46c;--radius:6px;--font:"Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);-webkit-user-select:none;user-select:none;overflow:hidden}button,input,select{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.shell{grid-template-rows:38px 1fr;grid-template-columns:76px 1fr;height:100%;display:grid}.titlebar{-webkit-app-region:drag;border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:14px;padding:0 150px 0 14px;display:flex}.titlebar .brand{letter-spacing:.01em;align-items:center;gap:8px;font-weight:600;display:flex}.titlebar .brand img{width:16px;height:16px}.titlebar .brand small{color:var(--faint);font-weight:400}.titlebar .status{gap:8px;margin-left:auto;display:flex}.chip{border:1px solid var(--line);height:22px;color:var(--muted);white-space:nowrap;border-radius:11px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.chip .dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.chip.pgm{border-color:var(--pgm);color:var(--text)}.chip.pgm .dot{background:var(--pgm)}.chip.pvw{border-color:var(--pvw);color:var(--text)}.chip.pvw .dot{background:var(--pvw)}.chip.sim .dot{background:var(--accent)}.rail{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:8px 6px;display:flex}.rail button{border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:9px 0 7px;font-size:10.5px;display:flex}.rail button:hover{background:var(--panel-2);color:var(--text)}.rail button.active{background:var(--accent-soft);color:var(--text)}.rail button.active svg{color:var(--accent)}.rail .spacer{flex:1}.page{min-width:0;min-height:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 12px;display:inline-flex}.btn:hover{background:var(--raise)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{border-color:var(--accent);background:var(--accent);color:#160a04;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:var(--panel-2)}.btn.small{height:24px;padding:0 8px;font-size:12px}input[type=text],input[type=number],select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);outline:none;min-width:0;height:28px;padding:0 8px}input:focus,select:focus{border-color:var(--accent)}input[type=number]{font-variant-numeric:tabular-nums}.field{gap:4px;display:grid}.field>span{color:var(--muted);font-size:11.5px}.toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle input{accent-color:var(--accent)}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:24px}.toast{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--raise);z-index:10;padding:8px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}canvas.frame{aspect-ratio:16/9;background:#000;border-radius:4px;width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--bg);border-radius:6px}.chip.ok .dot{background:var(--accent)}.chip.ok{color:var(--text)}.chip.warn{color:var(--text);border-color:#b7791f}.chip.warn .dot{background:#d69e2e}.row{align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}.grow{flex:1;min-width:0}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.small-text{margin:0;font-size:12px}.seg{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);padding:2px;display:inline-flex}.seg button{height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 12px}.seg button.on{background:var(--raise);color:var(--text)}.seg button:disabled{cursor:default;opacity:.5}.layouts{grid-template-columns:1fr 280px;height:100%;display:grid}.layouts-main{grid-template-rows:1fr auto;min-height:0;display:grid}.shortlist{padding:16px;overflow:auto}.shortlist.drag-over{outline:2px dashed var(--accent);outline-offset:-8px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;padding:8px;position:relative}.card:hover{border-color:var(--line-strong)}.card.tally-pgm{border-color:var(--pgm);box-shadow:inset 0 0 0 1px var(--pgm)}.card.tally-pvw{border-color:var(--pvw);box-shadow:inset 0 0 0 1px var(--pvw)}.card-meta{justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 2px 2px;display:flex}.card-name{font-weight:600}.card-sub{color:var(--muted);font-size:12px}.card-actions{border-radius:var(--radius);background:#121315d9;gap:2px;padding:2px;display:none;position:absolute;top:12px;right:12px}.card:hover .card-actions{display:flex}.take-bar,.sim-takes{border-top:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;padding:12px 16px;display:flex}.take-text{flex:1;min-width:0}.take-headline{font-weight:600}.take-detail{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.take-btn{letter-spacing:.04em;min-width:120px;height:40px;font-size:14px}.library{border-left:1px solid var(--line);padding:16px 12px;overflow:auto}.lib-group{margin-bottom:10px}.lib-group-head{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 2px;font-weight:600;display:flex}.lib-group-head svg{width:14px;height:14px;color:var(--muted)}.lib-group-head span:first-of-type{text-align:left;flex:1}.lib-row{border-radius:var(--radius);cursor:grab;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:6px;display:grid}.lib-row:hover{background:var(--panel-2)}.lib-text{min-width:0;font-size:12.5px}.lib-text .muted{font-size:11.5px}.design{grid-template-columns:1fr 330px;height:100%;display:grid}.design-stage{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px 16px 16px;display:flex}.stage-toolbar{align-items:center;gap:14px;min-height:30px;display:flex}.hint{margin-left:auto;font-size:12px}.stage-canvas{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.canvas-wrap{aspect-ratio:16/9;width:100%;max-width:calc(177.778vh - 476.444px);max-height:100%}.canvas-wrap canvas{cursor:crosshair}.timeline{padding:10px 12px}.timeline-controls{align-items:center;gap:12px;margin-bottom:8px;display:flex}.timeline-controls svg{width:14px;height:14px}.timeline-controls input[type=range]{accent-color:var(--accent);flex:1}.tl-row{grid-template-columns:90px 1fr;align-items:center;gap:10px;height:22px;display:grid}.tl-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tl-track{background:var(--bg);border-radius:5px;height:10px;position:relative}.tl-bar{background:var(--line-strong);border-radius:5px;position:absolute;top:0;bottom:0}.tl-bar.matched{background:var(--accent)}.tl-bar.follows{background:repeating-linear-gradient(135deg, var(--accent) 0 4px, transparent 4px 8px);opacity:.7}.tl-head{background:var(--text);width:2px;position:absolute;top:-4px;bottom:-4px}.design-side{border-left:1px solid var(--line);overflow:auto}.side-block{border-bottom:1px solid var(--line);gap:10px;padding:14px;display:grid}.side-block .section-title{margin:0}.obj-list,.t-list{gap:2px;display:grid}.obj-row,.t-row{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:1fr auto auto;gap:10px;padding:7px 8px;display:grid}.t-row{grid-template-columns:1fr auto}.obj-row:hover,.t-row:hover{background:var(--panel-2)}.obj-row.on,.t-row.on{border-color:var(--accent);background:var(--accent-soft)}.obj-name{font-weight:600}.motion-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:8px;padding:10px;display:grid}.row svg,.btn svg{width:14px;height:14px}.setup{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-content:start;gap:12px;height:100%;padding:16px;display:grid;overflow:auto}.setup-section{align-content:start;gap:12px;padding:14px 16px;display:grid}.setup-section header{justify-content:space-between;display:flex}.setup-section .section-title{margin:0}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.roles{border-collapse:collapse;width:100%}.roles td{border-bottom:1px solid var(--line);padding:4px 6px 4px 0}.roles td:first-child{font-weight:600}.roles select{width:100%}.sim{grid-template-columns:1fr 340px;height:100%;display:grid}.mv{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:16px;display:grid;overflow:auto}.mv-tiles{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.mv-view{border:2px solid var(--line);border-radius:6px;margin:0;padding:3px}.mv-view.pgm{border-color:var(--pgm)}.mv-view.pvw{border-color:var(--pvw)}.mv-view figcaption{color:var(--muted);padding:4px 2px 0;font-size:12px}.sim-panel{flex-direction:column;gap:14px;margin:16px 16px 16px 0;padding:14px;display:flex;overflow:auto}.sim-panel .sim-takes{border-bottom:1px solid var(--line);background:0 0;margin:0 -14px;padding:12px 14px}.bus-block{gap:8px;display:grid}.bus-title{font-weight:600}.bus{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bus-label{width:56px;color:var(--muted);font-size:12px}.bus-btn{border:1px solid var(--line-strong);background:var(--panel-2);cursor:pointer;border-radius:4px;min-width:44px;height:28px;padding:0 6px;font-size:11px;font-weight:600}.bus-btn.pgm{border-color:var(--pgm);background:var(--pgm);color:#fff}.bus-btn.pvw{border-color:var(--pvw);background:var(--pvw);color:#fff}.log{gap:4px;display:grid}.log .section-title{margin:0 0 4px}.log-row{grid-template-columns:auto 1fr auto;gap:10px;font-size:12px;display:grid}.field input,.field select{width:100%}.design-side{overflow-x:hidden}@media (width<=1180px){.stage-toolbar .hint{display:none}}.sim-panel .sim-takes{flex-wrap:wrap}.sim-panel .sim-takes .take-text{flex-basis:100%;order:-1}.sim-panel .sim-takes .take-btn{flex:1}.side-block,.setup-section{grid-template-columns:minmax(0,1fr)}.row>select.grow{width:0}.align-end{align-self:flex-end}.found{gap:2px;display:grid}.found-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);text-align:left;cursor:pointer;justify-content:space-between;gap:12px;padding:7px 8px;display:flex}.found-row:hover{border-color:var(--accent)}.warn-text{color:#d69e2e}.update-row{justify-content:space-between;align-items:center;gap:12px;display:flex}