@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#edf3f1;--bg:#090e0f;--bg-soft:#0c1213;--surface:#101819;--surface-2:#172122;--surface-3:#1d2929;--line:#2a3938;--line-soft:#243332;--muted:#8a9a96;--soft:#b6c3bf;--amber:#f4b942;--amber-soft:#1d1a12;--cyan:#5ce1e6;--red:#ed665d;--green:#75d49d;--focus:#f4b942;background:#090e0f;font-family:Space Grotesk,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}html{scrollbar-gutter:stable;overflow-x:clip}body{background:var(--bg);color:#edf3f1;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg-soft);align-items:center;gap:16px;min-height:56px;padding:0 18px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;min-width:0;display:flex}.brand b{width:28px;height:28px;color:var(--amber);border:1px solid #81908d;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.brand strong{letter-spacing:-.04em;font-size:16px}.brand small,label,.section-label,.camera-readout,.viewport-hint{letter-spacing:.13em;color:var(--muted);font:500 10px DM Mono,monospace}.mode-switch{border:1px solid var(--line);background:var(--surface-2);border-radius:99px;gap:2px;margin-left:10px;padding:2px;display:inline-flex;overflow:hidden}.mode-switch button{color:var(--muted);letter-spacing:.08em;background:0 0;border:0;border-radius:99px;min-height:28px;padding:5px 10px;font:700 10px DM Mono}.mode-switch button.active{background:var(--amber);color:#17130c}.show-meta{color:#c2cdca;align-items:center;gap:9px;min-width:0;margin:auto;font-size:13px;display:flex}.show-meta i{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%;flex-shrink:0}.show-name{color:#e6eeeb;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:220px;min-height:44px;padding:0 6px;font-weight:600;overflow:hidden}.show-meta em{border-left:1px solid var(--line);color:var(--muted);padding-left:10px;font:11px DM Mono}.top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn,.secondary,.primary,.view-tools button{border-radius:8px;min-height:44px}.icon-btn{border:1px solid var(--line);width:44px;min-width:44px;color:var(--soft);background:0 0;place-items:center;font-size:16px;display:grid}.secondary{border:1px solid var(--line);background:0 0;padding:0 14px;font-size:12px;font-weight:500}.primary{background:var(--amber);color:#17130c;border:0;padding:0 16px;font-size:12px;font-weight:700}.quality-control{color:var(--muted);align-items:center;gap:6px;font:500 10px DM Mono;display:flex}.quality-control select{background:var(--surface-2);border:1px solid var(--line);color:#dce5e2;border-radius:6px;padding:6px 8px;font:500 11px DM Mono}.workspace{flex:1;grid-template-columns:268px minmax(0,1fr) 340px;min-height:640px;display:grid}.panel{background:var(--surface);min-width:0}.fixture-panel{border-right:1px solid var(--line);flex-direction:column;gap:0;padding:18px 14px;display:flex}.inspector-panel{border-left:1px solid var(--line);max-height:calc(100vh - 136px);padding:18px 14px;position:sticky;top:0;overflow:auto}.panel-heading,.inspect-head,.stage-heading,.section-label,.parameter-label{justify-content:space-between;align-items:center;min-width:0;display:flex}.panel-heading h2,.inspect-head h2{letter-spacing:-.03em;margin:6px 0;font-size:16px}.panel-heading h2 small{color:var(--muted);font:11px DM Mono}.search{border:1px solid var(--line);background:var(--surface-2);height:44px;min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:9px;margin:14px 0;padding:0 10px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.section-label{padding:6px 4px 10px}.text-btn{color:var(--muted);background:0 0;border:0;min-height:44px;padding:0 8px;font-size:11px}.text-btn.active{color:var(--amber)}.fixture-list{flex-direction:column;gap:4px;display:flex}.fixture-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:34px 10px minmax(0,1fr) 7px;align-items:center;gap:8px;width:100%;min-height:56px;padding:8px 10px;display:grid;position:relative}.fixture-row:hover{background:#162021}.fixture-row.selected{background:#1a2424;border-color:#495350;box-shadow:inset 0 0 0 1px #f4b9421f}.fixture-row code,.fixture-row small,meter,.inspect-head small,.inspector-help,.empty{color:var(--muted);font:10px DM Mono}.fixture-row span{flex-direction:column;gap:4px;min-width:0;display:flex}.fixture-row b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.fixture-dot,.color-preview{background:var(--c);width:8px;height:8px;box-shadow:0 0 9px var(--c);border-radius:50%;display:inline-block}.color-preview{margin-right:6px}meter{writing-mode:vertical-lr;appearance:none;width:6px;height:34px}meter::-webkit-meter-bar{background:#293434;border:0;border-radius:99px}meter::-webkit-meter-optimum-value{background:var(--amber)}.add-btn{color:#a5b0ac;background:0 0;border:1px dashed #3b4846;border-radius:8px;width:100%;min-height:44px;margin-top:14px;font-size:12px}.presets-block{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}.presets-block label{margin-bottom:8px;display:block}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset{border:1px solid var(--line);background:var(--surface-2);color:#dce5e2;border-radius:7px;min-height:36px;font-size:11px;font-weight:600}.preset:hover{border-color:var(--amber);color:var(--amber)}.stage-panel{background:#0b1011;flex-direction:column;gap:0;min-width:0;padding:18px 18px 14px;display:flex}.stage-heading{gap:12px;padding-bottom:14px}.stage-heading h1{letter-spacing:-.04em;margin:6px 0;font-size:18px;line-height:1.1}.view-tools{flex-wrap:wrap;gap:4px;display:flex}.view-tools button{color:var(--muted);background:0 0;border:1px solid #0000;padding:0 10px;font-size:11px;font-weight:500}.view-tools button.active{background:var(--surface-2);color:#e1e9e6;border-color:var(--line-soft)}.view-tools button:hover{background:var(--surface-2);color:#e1e9e6}.viewport-wrap{background:#0e1617;border:1px solid #2c3a3a;border-radius:10px;flex:1;height:clamp(380px,48vh,560px);min-height:460px;position:relative;overflow:hidden}#stage-canvas{touch-action:none;cursor:grab;width:100%;height:100%;min-height:460px;display:block}#stage-canvas:active{cursor:grabbing}.viewport-hint,.camera-readout,.webgl-fallback{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1011bf;border:1px solid #ffffff0f;border-radius:6px;padding:7px 9px;position:absolute}.viewport-hint{bottom:12px;left:12px}.camera-readout{color:#a7b8b2;letter-spacing:.04em;bottom:12px;right:12px}.webgl-fallback{color:var(--cyan);font:10px DM Mono;top:12px;right:12px}.audio-meter{background:#ffffff1a;border:1px solid #ffffff14;border-radius:99px;width:92px;height:6px;position:absolute;top:12px;left:12px;overflow:hidden}.audio-meter i{background:linear-gradient(90deg,var(--cyan),var(--amber));width:0%;height:100%;transition:width .12s linear;display:block}.chase-bar{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:12px;padding:12px 12px 10px}.chase-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chase-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chase-controls label{color:var(--muted);align-items:center;gap:6px;font:600 10px DM Mono;display:flex}.chase-controls input[type=range]{width:92px}.chase-controls select{background:var(--surface-2);border:1px solid var(--line);color:#dce5e2;border-radius:6px;padding:6px 8px;font:500 11px DM Mono}.toggle span{background:#2b3a39;border-radius:99px;width:34px;height:20px;transition:background .2s;display:inline-block;position:relative}.toggle span:after{content:"";background:#dce5e2;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:var(--amber)}.toggle input:checked+span:after{background:#17130c;transform:translate(14px)}.toggle input{appearance:none;opacity:0;position:absolute}.chase-steps{scrollbar-width:thin;gap:8px;padding:12px 0 4px;display:flex;overflow-x:auto}.chase-step{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-direction:column;flex:0 0 68px;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:8px 6px;display:flex}.chase-step.active{border-color:var(--amber);box-shadow:0 0 0 1px #f4b94240}.step-color{border:2px solid #ffffff1f;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 10px #00000059}.chase-step small{color:#dce5e2;font:700 11px DM Mono}.chase-step em{color:var(--muted);font:10px DM Mono}.chase-actions{align-items:center;gap:8px;padding-top:6px;display:flex}.mini-btn{border:1px solid var(--line);background:var(--surface-2);color:#dce5e2;border-radius:7px;min-height:32px;padding:0 10px;font:600 11px DM Mono}.mini-btn.active{border-color:var(--amber);color:var(--amber);background:#f4b9421a}.hint{color:var(--muted);font:10px DM Mono}.mod-strip{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.mod-strip label{color:var(--muted);flex:120px;align-items:center;gap:8px;font:600 10px DM Mono;display:flex}.mod-strip input[type=range]{flex:1}.mod-strip output{color:var(--amber);text-align:right;min-width:36px;font:11px DM Mono}.transport{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:64px;margin-top:10px;padding:10px 14px;display:grid}.transport button{color:#899793;background:0 0;border:0;min-height:44px}.transport .blackout{color:#aebbb6;border:1px solid #0000;border-radius:8px;justify-self:start;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.transport .blackout:before{content:"";background:var(--red);opacity:.9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ed665d80}.transport .blackout.engaged{color:var(--red);background:#ed665d14;border-color:#ed665d40}.transport-center{justify-content:center;align-items:center;gap:14px;display:flex}.transport .play{background:var(--amber);color:#17130c;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;font-size:15px;display:grid;box-shadow:0 2px 10px #f4b94240}.playback-readout{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;font-size:11px;display:flex}.playback-readout strong{color:var(--amber);font:12px DM Mono}.playback-readout span{color:var(--muted);font:10px DM Mono}.inspect-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding-bottom:16px}.inspect-head h2{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:15px;overflow:hidden}.parameter{border-bottom:1px solid var(--line-soft);padding:16px 0}.parameter-label{color:#c2cdca;margin-bottom:10px;font-size:12px;font-weight:500}.parameter-label small{color:var(--muted);font:10px DM Mono}.parameter output,.range-grid output{color:var(--amber);font:12px DM Mono}.parameter input[type=range]{appearance:none;background:#31403f;border-radius:99px;width:100%;height:4px}.parameter input[type=range]::-webkit-slider-thumb{appearance:none;background:#dce5e2;border:3px solid #172020;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #0006}.parameter input[type=range]::-moz-range-thumb{background:#dce5e2;border:3px solid #172020;border-radius:50%;width:14px;height:14px}.colors{flex-wrap:wrap;gap:10px;display:flex}.color-chip{background:var(--c);border:2px solid #1a2424;border-radius:50%;width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:0 0 0 1px #46524f}.color-chip.chosen{box-shadow:0 0 0 2px var(--amber),0 0 12px var(--c)}.gobo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gobo-btn{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:62px;padding:8px;display:flex}.gobo-btn.active{border-color:var(--amber);color:var(--amber);background:#f4b94214}.gobo-btn span{font-size:18px;line-height:1}.gobo-btn small{letter-spacing:.06em;color:var(--muted);font:600 9px DM Mono}.gobo-btn.active small{color:var(--amber)}.range-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range-grid label{letter-spacing:0;color:var(--soft);gap:8px;font:11px Space Grotesk;display:grid}.identity-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-grid label{color:var(--muted);gap:6px;font:600 10px DM Mono;display:grid}.identity-grid input,.identity-grid select{border:1px solid var(--line);background:var(--surface-2);color:#eaf2ef;border-radius:8px;width:100%;height:40px;padding:0 10px;font-size:12px}.fx-panel .fx-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-row select{background:var(--surface-2);border:1px solid var(--line);color:#dce5e2;border-radius:7px;flex:0 0 110px;height:36px;padding:0 8px;font:600 11px DM Mono}.fx-row label{color:var(--muted);flex:120px;align-items:center;gap:8px;font:600 10px DM Mono;display:flex}.check-row{color:var(--soft);align-items:center;gap:8px;margin-top:10px;font:600 11px DM Mono;display:flex}.check-row input{accent-color:var(--amber)}.looks{padding-top:10px}.look-list{flex-direction:column;gap:6px;max-height:180px;margin-top:8px;display:flex;overflow:auto}.look-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;min-height:40px;padding:0 10px;font-size:12px;display:flex}.inspector-help{margin-top:14px;line-height:1.6}.empty{border:1px dashed var(--line);text-align:center;background:#ffffff05;border-radius:8px;padding:18px 10px;line-height:1.6}.cue-footer{border-top:1px solid var(--line);background:var(--bg-soft);scrollbar-width:thin;align-items:center;gap:10px;min-height:80px;padding:0 18px;display:flex;overflow-x:auto}.cue-title{flex-direction:column;flex-shrink:0;gap:4px;min-width:96px;display:flex}.cue-title b{font-size:12px}.cue-list{align-items:center;gap:8px;display:flex}.cue{border:1px solid var(--line);text-align:left;background:#141e1f;border-radius:8px;flex:0 0 142px;min-height:48px;padding:8px 10px}.cue b{color:var(--muted);margin-right:6px;font:11px DM Mono}.cue span{font-size:11px;font-weight:500}.cue small{float:right;color:var(--muted);margin-top:2px;font:10px DM Mono}.cue.active{background:var(--amber-soft);color:var(--amber);border-color:#8b6b2b}.new-cue{min-height:48px;color:var(--soft);background:0 0;border:1px dashed #46524f;border-radius:8px;flex:0 0 112px;font-size:11px;font-weight:600}.toast{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5eeeb;opacity:0;pointer-events:none;text-align:center;background:#182223eb;border:1px solid #3a4a48;border-radius:10px;max-width:min(92vw,420px);padding:11px 16px;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:96px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.sheet-handle{background:#3a4a48;border:0;border-radius:99px;width:36px;height:4px;margin:0 auto 10px;display:none}@media (width<=1100px){.workspace{grid-template-columns:240px minmax(0,1fr)}.inspector-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;max-height:none;position:static}.chase-bar,.mod-strip{grid-column:auto}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:10px;min-height:56px;padding:10px 12px}.brand small,.show-meta em,.secondary{display:none}.show-meta{gap:6px;margin-left:auto;font-size:11px}.workspace{flex-direction:column;min-height:0;display:flex}.stage-panel{order:1;min-height:0;padding:14px 12px 12px}.fixture-panel{border-top:1px solid var(--line);border-right:0;order:2;padding:14px 12px}.fixture-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fixture-row{min-height:56px}.add-btn{margin-top:12px}.inspector-panel{border-top:1px solid var(--line);order:3;padding:14px 12px}.sheet-handle{display:block}.inspector-panel.sheet-peek{max-height:88px;overflow:hidden}.inspector-panel.sheet-half{max-height:62vh;overflow:auto}.inspector-panel.sheet-full{max-height:86vh;overflow:auto}.viewport-wrap,#stage-canvas{height:380px;min-height:380px}.stage-heading h1{font-size:18px}.view-tools span{display:none}.transport{grid-template-columns:1fr auto;gap:10px}.playback-readout{display:none}.cue-footer{gap:8px;min-height:72px;padding:0 12px}.cue-title{min-width:64px}.toast{bottom:88px}.chase-controls input[type=range]{width:78px}.mod-strip{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}