:root{--bg-app:#0b0b0d;--bg-panel:#101013;--bg-viewport:#08080a;--bg-raised:#17171b;--bg-sunken:#0d0d10;--line:#22222a;--line-soft:#1a1a20;--text:#ececf0;--text-2:#93939e;--text-3:#5e5e69;--sel-bg:#26262e;--sel-line:#33333d;--sim:#d2a04e;--off:#4a4a54;--ok:#5f9d76;--err:#c2655f;--font:ui-sans-serif, -apple-system, "Segoe UI", Inter, system-ui, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:12px;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline-offset:1px;outline:1px solid #6f7cff}.app{grid-template-rows:48px minmax(0,1fr);grid-template-columns:224px minmax(0,1fr) 292px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--bg-panel);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{letter-spacing:.02em;font-size:12px;font-weight:600}.brand span{color:var(--text-3);margin-left:5px;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.panel{background:var(--bg-panel);min-height:0;overflow-y:auto}.panel-left{border-right:1px solid var(--line);padding:4px 0 16px}.panel-right{border-left:1px solid var(--line);flex-direction:column;display:flex}.panel-head{border-bottom:1px solid var(--line-soft);padding:16px 16px 14px}.panel-title{margin:0;font-size:13px;font-weight:600}.panel-sub{color:var(--text-3);margin:3px 0 0;font-size:11px}.panel-body{padding:4px 16px 24px}.section{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:20px 0 10px;font-size:10px;font-weight:600}.section-first{margin-top:16px;padding:0 16px}.program-list{flex-direction:column;padding:0 8px;display:flex}.program{appearance:none;text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:0 0;border:0;border-radius:4px;padding:7px 8px;font-size:12px}.program:hover{color:var(--text);background:#16161a}.program.is-on{background:var(--sel-bg);color:var(--text)}.viewport{background:var(--bg-viewport);flex-direction:column;align-items:center;min-height:0;padding:20px 24px 24px;display:flex}.stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:20px 0;display:flex}.display{image-rendering:pixelated;background:#000;border:1px solid #24242c;border-radius:3px;display:block;box-shadow:0 0 0 1px #0c0c0f,0 24px 60px -20px #000000e6}.resolution{font-family:var(--mono);letter-spacing:.14em;color:var(--text-3);margin:0;font-size:10.5px}.mode-switch{border:1px solid var(--line);background:var(--bg-sunken);border-radius:5px;padding:2px;display:inline-flex}.mode{appearance:none;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:0 0;border:0;border-radius:3px;padding:4px 14px;font-size:11px}.mode:hover{color:var(--text-2)}.mode.is-on{background:var(--sel-bg);color:var(--text)}.row{margin-bottom:12px}.row-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.row-label{color:var(--text-2);font-size:11.5px}.row-hint{color:var(--text-3);font-size:10.5px;display:block}.row-value{font-family:var(--mono);color:var(--text-3);font-variant-numeric:tabular-nums;font-size:10.5px}.toggle-text{min-width:0}.segmented{border:1px solid var(--line);background:var(--bg-sunken);border-radius:5px;gap:2px;padding:2px;display:flex}.segment{appearance:none;color:var(--text-3);white-space:nowrap;background:0 0;border:0;border-radius:3px;flex:1;padding:5px 4px;font-size:11px}.segment:hover{color:var(--text-2)}.segment.is-on{background:var(--sel-bg);color:var(--text)}.slider{appearance:none;background:0 0;width:100%;height:16px;margin:0}.slider::-webkit-slider-runnable-track{background:#2a2a33;border-radius:1px;height:2px}.slider::-webkit-slider-thumb{appearance:none;background:#b9b9c4;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4.5px}.slider:hover::-webkit-slider-thumb{background:var(--text)}.slider::-moz-range-track{background:#2a2a33;border-radius:1px;height:2px}.slider::-moz-range-thumb{background:#b9b9c4;border:0;border-radius:50%;width:11px;height:11px}.color-field{align-items:center;gap:8px;display:flex}.swatch{border:1px solid var(--line);border-radius:4px;flex:none;width:22px;height:22px;position:relative;overflow:hidden}.swatch input{opacity:0;cursor:pointer;background:0 0;border:0;width:200%;height:200%;padding:0;position:absolute;inset:-6px}.hex{background:var(--bg-sunken);border:1px solid var(--line);min-width:0;font-family:var(--mono);color:var(--text-2);border-radius:4px;flex:1;padding:4px 7px;font-size:11px}.hex:focus{color:var(--text);border-color:var(--sel-line);outline:none}.switch{border:1px solid var(--line);background:var(--bg-sunken);border-radius:9px;flex:none;width:28px;height:16px;padding:0;transition:background .12s,border-color .12s;position:relative}.switch .knob{background:var(--off);border-radius:50%;width:10px;height:10px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.switch.is-on{background:#3a3a46;border-color:#45454f}.switch.is-on .knob{background:var(--text);transform:translate(12px)}.button{background:var(--bg-raised);border:1px solid var(--line);color:var(--text-2);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:5px 12px;font-size:11.5px;display:inline-flex}.button:hover,.button.is-open{color:var(--text);background:#1d1d22}.button-wide{width:100%;padding:7px 12px}.button-quiet{background:0 0;padding:4px 10px}.transport{background:var(--text-2);clip-path:polygon(0 0,100% 50%,0 100%);flex:none;width:8px;height:8px}.transport.is-playing{clip-path:none;border-left:3px solid var(--text-2);border-right:3px solid var(--text-2);background:0 0;width:8px}.menu{align-items:center;gap:8px;display:inline-flex;position:relative}.device-button{background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;align-items:flex-end;gap:1px;padding:3px 9px;line-height:1.25;display:flex}.device-button:hover,.device-button.is-open{border-color:var(--line);background:var(--bg-raised)}.device-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:9.5px}.device-value{letter-spacing:.05em;text-transform:uppercase;color:var(--text);align-items:center;gap:6px;font-size:11px;display:flex}.dot{background:var(--off);border-radius:50%;flex:none;width:6px;height:6px}.dot-sim{background:var(--sim);box-shadow:0 0 6px #d2a04e8c}.popover{z-index:20;background:var(--bg-raised);border:1px solid var(--sel-line);border-radius:6px;min-width:226px;padding:4px;position:absolute;top:calc(100% + 7px);box-shadow:0 18px 40px -12px #000c}.popover-right{right:0}.menu-item{text-align:left;width:100%;color:var(--text-2);background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;padding:7px 9px;font-size:12px;display:flex}.menu-item:hover{color:var(--text);background:#232329}.menu-item.is-on{color:var(--text)}.menu-item-text{flex-direction:column;line-height:1.35;display:flex}.menu-item-text em{color:var(--text-3);font-size:10.5px;font-style:normal}.menu-note{max-width:244px;padding:10px}.menu-note p{color:var(--text-2);margin:0 0 10px;font-size:11.5px;line-height:1.5}.export-note{font-family:var(--mono);color:var(--text-3);font-size:10.5px}.list-field{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.list-entry{flex-direction:column;gap:2px;display:flex}.list-amount{align-items:center;gap:7px;padding:0 19px 2px;display:flex}.list-amount-label{color:var(--text-3);flex:none;font-size:10.5px}.list-amount .slider{flex:1;height:12px}.list-amount .slider::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3.5px}.list-amount .slider::-moz-range-thumb{width:9px;height:9px}.list-flag{background:var(--bg-sunken);border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;min-width:26px;color:var(--text-3);border-radius:3px;flex:none;padding:1px 5px;font-size:9.5px}.list-flag:hover{color:var(--text-2);border-color:var(--sel-line)}.list-flag.is-on{background:var(--sel-bg);border-color:var(--sel-line);color:var(--text)}.list-number{background:var(--bg-sunken);border:1px solid var(--line);min-width:0;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-2);border-radius:3px;flex:1;padding:3px 6px;font-size:10.5px}.list-number:focus{color:var(--text);border-color:var(--sel-line);outline:none}.list-amount-value{text-align:right;min-width:28px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3);flex:none;font-size:10px}.list-row{align-items:center;gap:6px;display:flex}.list-index{width:13px;font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;color:var(--text-3);cursor:default;flex:none;font-size:10px}.list-index.is-pending{color:var(--sim)}.list-index.is-ok{color:var(--ok)}.list-index.is-error{color:var(--err)}.list-input{background:var(--bg-sunken);border:1px solid var(--line);min-width:0;font-family:var(--mono);color:var(--text-2);text-overflow:ellipsis;border-radius:4px;flex:1;padding:4px 7px;font-size:10.5px}.list-input::placeholder{color:var(--text-3)}.list-input:focus{color:var(--text);border-color:var(--sel-line);outline:none}.list-remove{width:18px;height:18px;color:var(--text-3);background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.list-remove:hover{color:var(--text);background:#232329}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb{border:3px solid var(--bg-panel);background:#232329;border-radius:5px}.panel::-webkit-scrollbar-thumb:hover{background:#33333c}.save-state{letter-spacing:.04em;color:var(--text-3);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.save-dot{background:var(--off);border-radius:50%;width:5px;height:5px;transition:background .16s}.save-state.is-saved .save-dot{background:var(--ok)}.save-state.is-saving .save-dot,.save-state.is-loading .save-dot{background:var(--sim)}.save-state.is-error{color:var(--err)}.save-state.is-error .save-dot{background:var(--err)}@media (width<=900px){.app{grid-template-rows:48px auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;overflow-y:auto}.panel{overflow:visible}.panel-left{border-right:0;border-bottom:1px solid var(--line);padding:0}.section-first{display:none}.program-list{scrollbar-width:none;flex-direction:row;gap:4px;padding:8px 12px;overflow-x:auto}.program-list::-webkit-scrollbar{display:none}.program{border:1px solid var(--line);flex:none;padding:6px 12px}.viewport{gap:12px;padding:14px 12px 18px}.stage{flex:none;padding:0}.panel-right{border-left:0;border-top:1px solid var(--line)}.topbar{padding:0 12px}.topbar-actions{gap:6px}.slider{height:24px}.slider::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6.5px}.slider::-moz-range-thumb{width:15px;height:15px}.segment{padding:8px 4px}.switch{width:34px;height:20px}.switch .knob{width:14px;height:14px}.switch.is-on .knob{transform:translate(14px)}.list-input,.hex{padding:7px;font-size:12px}.list-remove{width:26px;height:26px}}@media (width<=560px){.brand span,.save-state{display:none}}.signin{background:var(--bg-viewport);flex-direction:column;justify-content:center;align-items:center;gap:28px;height:100%;padding:24px;display:flex}.signin-card{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:268px;display:flex}.mark-badge{image-rendering:pixelated;border-radius:4px;display:block;box-shadow:0 18px 44px -18px #000000e6}.signin-text{text-align:center}.signin-text h1{letter-spacing:.01em;margin:0;font-size:14px;font-weight:600}.signin-text p{color:var(--text-3);margin:5px 0 0;font-size:11.5px}.signin-field{flex-direction:column;gap:5px;width:100%;display:flex}.signin-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:10.5px}.signin-field input{background:var(--bg-sunken);border:1px solid var(--line);width:100%;color:var(--text);border-radius:5px;padding:9px 10px;font-size:13px}.signin-field input:focus{border-color:var(--sel-line);outline:none}.signin-button{padding:9px 12px}.signin-button:disabled{opacity:.6;cursor:default}.signin-error{color:var(--err);text-align:center;margin:0;font-size:11px}.signin-foot{font-family:var(--mono);letter-spacing:.14em;color:var(--text-3);margin:0;font-size:10.5px}.avatar{background:var(--bg-raised);border:1px solid var(--line);width:26px;height:26px;color:var(--text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.avatar:hover,.avatar.is-open{border-color:var(--sel-line);color:var(--text)}.menu-account{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:4px;padding:8px 9px 10px;display:flex}.menu-account-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:9.5px}.menu-account-email{color:var(--text-2);overflow-wrap:anywhere;font-size:11.5px}.row-reset{border-top:1px solid var(--line-soft);margin-top:22px;padding-top:14px}.button.is-armed{border-color:var(--err);color:var(--err)}.button.is-armed:hover{color:var(--err);background:#c2655f1a}