@font-face{font-family:Desk;src:local('Inter'),local('Segoe UI');font-display:swap}
:root{font-family:Desk,system-ui,sans-serif;color:#e5edf6;background:#090d13;font-synthesis:none;--cyan:#51d6f7;--muted:#8b9bb0;--line:#25313e;--panel:#101720;--raised:#18222e;--purple:#a391ff;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:760px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid var(--line);border-radius:6px;background:#18222b;color:#cbd7e4;padding:8px 12px;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:#243444;border-color:#526477}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button.primary{background:#53d6f1;color:#071118;border-color:#53d6f1;font-weight:700}button.danger{background:#382028;border-color:#8d4655;color:#ffbdc5}button.active,.selected{border-color:var(--cyan);color:#e4faff;background:#123444}small{font-size:10px;letter-spacing:.12em;color:var(--muted);display:block}h1,h2,p{margin:0}h1{font-size:17px;font-weight:600}h2{font-size:15px}input:not([type=range]):not([type=color]),select{border:1px solid #30404f;border-radius:5px;background:#0b121b;color:#e5edf6;padding:8px;min-width:0}input[type=range]{accent-color:var(--cyan);cursor:pointer;min-width:0}input[type=number]{width:72px}input[type=checkbox]{accent-color:var(--cyan)}[hidden]{display:none!important}.muted,.hint{color:var(--muted);font-size:12px;line-height:1.6}.hint{margin:14px 0}.topbar{height:82px;padding:16px 24px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:#0d131c}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#f0f8ff;font-size:24px;letter-spacing:-.045em;white-space:nowrap}.brand b{font-weight:300;color:#9fb0c4}.brand small{font-size:9px;letter-spacing:.08em;margin-top:3px}.brandmark{width:34px;height:39px;font-size:30px;font-weight:800;background:linear-gradient(150deg,#52d9f8,#8296ff);color:#10141d;clip-path:polygon(0 0,100% 0,80% 75%,50% 100%,20% 75%);text-align:center}.show-title{min-width:110px;flex:1}.show-title input{width:100%;max-width:260px;padding:2px 0!important;border:0!important;background:transparent!important;font-size:15px}.show-title span{display:block;font-size:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:7px}.connection{margin-left:10px;color:var(--cyan)}.status{border:1px solid #42536b;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.08em;padding:7px 10px;min-width:60px;text-align:center}.status.live{color:#b5fcd9;border-color:#56bb89;background:#133627}.status.armed{color:#f5cf94;border-color:#a27a44}.console{display:grid;grid-template-columns:228px minmax(320px,1fr) 316px;grid-template-rows:minmax(505px,1fr) 310px;gap:12px;padding:16px 20px;max-width:2000px;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px}.panel-heading small{margin-bottom:7px}.icon-button{font-size:20px;padding:0 7px}.fixtures{display:flex;flex-direction:column}.toolbar{display:flex;gap:5px;padding:0 12px 12px}.toolbar button{font-size:11px;padding:6px 10px}.groups{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px}.groups button{font-size:11px;padding:6px 9px;border-radius:14px}.fixture-list{padding:0 10px;overflow:auto;flex:1}.fixture-card{width:100%;text-align:left;padding:13px 12px;margin-bottom:7px;display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:center;background:#151d28}.fixture-card strong{display:block;font-size:13px;font-weight:600}.fixture-card span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.fixture-card i{font-style:normal;color:var(--cyan)}.aside-footer{padding:16px;display:grid;gap:11px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.aside-footer small{line-height:1.6;letter-spacing:0;font-size:10px}.stage{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#15212f 0%,#101720 70%)}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px}.segmented button{border:0;font-size:11px;padding:6px 10px;background:transparent}.segmented button.active{background:#214457;color:var(--cyan)}.stage-meta{padding:0 18px;display:flex;justify-content:space-between;font-size:10px;color:var(--cyan);gap:12px}.stage-meta .muted{font-size:10px}#stage-view{width:100%;min-height:290px;flex:1}.stage-rail{stroke:#53697b;stroke-width:3;stroke-linecap:round}.stage-label{fill:#60788a;font-size:10px;letter-spacing:3px}.stage-fixture{cursor:pointer;outline:none}.stage-fixture .label{fill:#bacbdc;font-size:12px}.stage-fixture .selection{stroke:#506477;stroke-width:1.5;fill:#152636}.stage-fixture.selected .selection{stroke:var(--cyan);stroke-width:2.5;fill:#183c4a}.stage-fixture:focus-visible .selection{stroke:white;stroke-width:3}.stage-bottom{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #25313e80;font-size:11px;color:#bdd0df;gap:8px}.stage-bottom small{letter-spacing:0;font-size:10px;margin:6px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:5px}.stage-bottom button{font-size:10px;white-space:nowrap}.programmer{display:flex;flex-direction:column}.programmer .panel-heading{padding-bottom:12px}.chip{border:1px solid var(--line);font-size:9px;white-space:nowrap;border-radius:4px;padding:5px;color:var(--cyan)}.tabs{display:flex;padding:0 12px;gap:3px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:0;background:none;font-size:11px;padding:10px 8px;color:var(--muted)}.tabs .active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.tab-content{padding:20px 18px;flex:1}.range-label{display:block;position:relative;font-size:12px;color:#c7d4df;margin-bottom:17px}.range-label output{float:right;font-variant-numeric:tabular-nums;color:var(--cyan)}.range-label input{display:block;width:100%;margin:11px 0 0}.color-picker{display:flex;gap:15px;align-items:center;margin:22px 0 18px}.color-picker input{width:68px;height:68px;padding:0;background:none;border:0;border-radius:10px;cursor:pointer}.color-picker input::-webkit-color-swatch-wrapper{padding:0}.color-picker input::-webkit-color-swatch{border:1px solid #ffffff40;border-radius:10px}.color-picker strong{display:block;margin:7px 0;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.color-picker span{font-size:10px;color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:15px 0}.swatches button{height:26px;padding:0;border-radius:5px;border-color:#ffffff25}.rgb-fields{display:flex;gap:10px}.rgb-fields label{flex:1;font-size:10px;color:var(--muted)}.rgb-fields input{width:100%;display:block;margin-top:5px;font-size:11px}.programmer-footer{padding:14px 18px;border-top:1px solid var(--line);background:#111b27}.fade{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px}.fade input{width:58px;padding:5px!important;margin:0 4px}.apply-row{display:flex;gap:7px}.apply-row button{font-size:11px;flex:1;padding:9px 5px}.apply-row .primary{flex:1.6}#position-pad{position:relative;width:100%;height:150px;border-radius:7px;border:1px solid #364a5d;background:linear-gradient(90deg,transparent 49.5%,#344353 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#344353 50%,transparent 50.5%),#0a121c;touch-action:none;cursor:crosshair;margin-bottom:16px}#position-pad span{position:absolute;left:9px;bottom:9px;font-size:9px;color:#657c91;letter-spacing:.15em}#position-cross{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);border:2px solid var(--cyan);border-radius:50%;background:#112a38;pointer-events:none}.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.fx-grid button{font-size:11px;display:grid;gap:8px;text-align:left}.fx-grid span{font-size:25px;color:var(--purple)}.fx-grid button.active{border-color:var(--purple);background:#272039}.looks{display:grid;gap:8px;margin-top:15px}.look-row{display:flex;gap:5px}.look-row button:first-child{flex:1;text-align:left}.look-row button{font-size:11px}.playbacks{grid-column:1/-1;background:#0f1620}.playbacks .panel-heading{padding:15px 18px 12px}.playbacks h1{font-size:14px}.playbacks small{font-size:9px;margin-bottom:5px}.playbacks .muted{flex:1;font-size:10px;margin-left:15px}.playbacks .panel-heading button{font-size:11px}.playback-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;padding:0 14px 14px}.playback{border:1px solid var(--line);background:#151e29;border-radius:7px;padding:9px;display:grid;grid-template-columns:1fr 45px;grid-template-rows:31px 124px 27px;gap:5px}.playback.selected{border-color:var(--cyan)}.executor{grid-column:1/-1;text-align:left;border-color:#364459;background:#1f2b3a;font-size:11px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.executor.active{background:#164751;border-color:var(--cyan);color:#bff5ff}.fader-wrap{height:124px;display:flex;justify-content:center;background:repeating-linear-gradient(0deg,transparent 0,transparent 23px,#52687b33 24px,#52687b33 25px);border-radius:3px}.fader-wrap input{writing-mode:vertical-lr;direction:rtl;width:32px;height:118px;margin:3px 0;appearance:none;background:transparent}.fader-wrap input::-webkit-slider-runnable-track{width:5px;background:#07101a;border:1px solid #273e50;border-radius:4px}.fader-wrap input::-webkit-slider-thumb{appearance:none;width:27px;height:15px;border:1px solid #b5c8d6;border-radius:3px;background:linear-gradient(#d7e4ed,#788b9c 42%,#dce6ed 50%,#899daa 65%,#637887);margin-left:-12px}.fader-wrap input::-moz-range-track{background:#07101a;width:5px}.fader-wrap input::-moz-range-thumb{width:27px;height:14px;background:#b3c7d5;border-radius:3px}.playback-side{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.playback-side output{color:var(--cyan);font-variant-numeric:tabular-nums}.playback-side button{font-size:9px;padding:5px}.playback .release{grid-column:1/-1;font-size:9px;padding:5px}.transport{position:sticky;bottom:0;background:#0b111af5;border-top:1px solid #334456;padding:11px 22px;display:flex;align-items:center;gap:10px;font-size:12px;z-index:5}.transport>div{flex:1}.transport small{letter-spacing:0;font-size:10px;margin-top:5px}.master{display:flex;align-items:center;gap:10px;font-size:11px;margin-right:20px}.master input{width:120px}.master output{width:35px;color:var(--cyan)}.transport button{font-size:11px}.transport button.active{background:#872b40;color:white;border-color:#ff99ac}dialog{width:min(580px,92vw);max-height:85vh;background:#121d2a;border:1px solid #3d5368;border-radius:12px;padding:0;color:#dde8f2;box-shadow:0 22px 70px #0009}dialog::backdrop{background:#050912bb}.dialog-heading{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-heading button{font-size:20px;padding:1px 9px}#dialog-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-grid select,.form-grid input{width:100%}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.device-status{padding:12px;background:#0b141f;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.7;margin-bottom:15px;white-space:pre-line}.check-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin-top:15px}.device-pair{display:flex;gap:8px;align-items:center;margin:15px 0}.device-pair input{width:140px}.device-pair a{color:var(--cyan);font-size:12px}.inline-error{font-size:12px;color:#ffbac1;margin-top:12px}#notice{position:fixed;bottom:83px;left:50%;transform:translateX(-50%);max-width:650px;padding:10px 18px;border:1px solid #3f748c;background:#152b3c;color:#e1f6ff;border-radius:8px;font-size:12px;z-index:20;box-shadow:0 8px 24px #0008;display:none}#notice.visible{display:block}#notice.error{border-color:#a65566;background:#3b1e29}body.draft .chip{background:#263747}a{color:var(--cyan)}
@media(min-width:1600px){.console{grid-template-columns:250px minmax(400px,1fr) 350px;grid-template-rows:minmax(540px,calc(100vh - 470px)) 310px}.topbar{padding-left:30px}.tab-content{padding:25px}.stage svg{max-height:570px}.playback{grid-template-columns:1fr 55px}}
@media(max-width:1150px){.console{grid-template-columns:180px minmax(270px,1fr) 280px;padding:10px;gap:8px}.topbar{padding:10px 16px;gap:18px}.top-actions{gap:4px}.top-actions button{font-size:11px;padding:7px}.brand{font-size:20px}.show-title{max-width:130px}.stage-meta{flex-direction:column;gap:2px}.panel-heading{padding:14px}.stage .panel-heading{align-items:flex-start;flex-direction:column}.playback{padding:6px;grid-template-columns:1fr 33px}.playback-grid{gap:5px;padding:0 8px 10px}.transport{padding:10px}.master{margin-right:6px}.master input{width:80px}}
@media(max-width:900px){.console{grid-template-columns:175px 1fr;grid-template-rows:440px auto 310px}.programmer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr}.programmer>.panel-heading,.programmer>.tabs,.programmer>.programmer-footer{grid-column:1}.programmer>.tab-content{grid-column:2;grid-row:1/4;min-height:280px}.playbacks{grid-row:3}.top-actions #export,.top-actions #import{display:none}.master input{width:60px}.transport small{max-width:280px}.playbacks .muted{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}