:root{--tile: #edeae3;--on-tile: #0a0a0a;--tint: var(--tile);--accent: var(--tile);--bg: color-mix(in srgb, var(--tint) 6%, #0a0a0a);--panel: color-mix(in srgb, var(--tint) 8%, #111110);--card: color-mix(in srgb, var(--tint) 10%, #171716);--card-hover: color-mix(in srgb, var(--tint) 13%, #1c1c1a);--raised: color-mix(in srgb, var(--tint) 12%, #1c1c1a);--well: color-mix(in srgb, var(--tint) 5%, #0d0d0c);--stage: radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--tint) 10%, transparent), transparent 75%);--text: #f3f1ec;--knob-label: #dcd9d2;--muted: #b4b1ab;--faint: #a09d96;--line: rgb(255 255 255 / .07);--line-strong: rgb(255 255 255 / .12);--hover: rgb(255 255 255 / .05);--knob-face: var(--raised);--knob-track: rgb(255 255 255 / .1);--sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--display: "Avenir Next", -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-s: 4px;--radius-m: 5px;--radius-l: 7px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.audio-knob{--knob-size: 52px;display:grid;grid-template-columns:var(--knob-size) minmax(0,1fr);align-items:center;gap:12px;min-width:0;position:relative}.audio-knob-dial{width:var(--knob-size);height:var(--knob-size);position:relative;border-radius:50%;user-select:none;-webkit-user-select:none;touch-action:none}.audio-knob-face{position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 225deg,var(--accent, #b8dce9) var(--knob-angle),var(--knob-track, #d4eee41c) 0deg,var(--knob-track, #d4eee41c) 270deg,transparent 270deg);pointer-events:none}.audio-knob-face:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--knob-face, #252e2a);box-shadow:inset 0 1px 4px #0008,0 2px 4px #0003}.audio-knob-face>span{position:absolute;inset:8px;transform:rotate(var(--knob-rotation))}.audio-knob-face>span:before{content:"";display:block;width:2px;height:8px;border-radius:1px;margin:0 auto;background:var(--accent, #b8dce9)}.audio-knob .audio-knob-dial input[type=range]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:ns-resize;touch-action:none}.audio-knob-dial:has(input:focus-visible){outline:2px solid var(--accent, #b8dce9);outline-offset:2px}.audio-knob-dial:hover .audio-knob-face:before{box-shadow:inset 0 1px 4px #0008,0 0 0 1px #ffffff1c}.audio-knob-details{min-width:0}.audio-knob-details>label{display:block;color:var(--knob-label, #c4cec7);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.audio-knob-value{display:flex;align-items:center;gap:3px;color:var(--muted, #a6aaa7);font:10px var(--mono, monospace)}.audio-knob .audio-knob-value .number-input{width:54px;padding-left:0;text-align:left}.audio-knob-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.audio-knob-compact{--knob-size: 44px;gap:9px}:root{--tile: #d3d8de;--on-tile: #0a0a0a;--tint: #9aa3ad;--accent: #ff2438;--bg: #121418;--panel: #1a1d22;--card: #20242a;--raised: #262a31;--well: #0d0f12;--stage: radial-gradient(ellipse at 50% -10%, rgb(255 36 56 / .07), transparent 55%);--armor: #eef0f3;--armor-2: #dde1e6;--armor-3: #c6ccd3;--armor-edge: #a2aab4;--ink: #15171b;--ink-soft: #444b55;--ink-faint: #5b626c;--psycho: #ff2438;--psycho-soft: #ff6b76;--psycho-ink: #c8142a;--awake: #35f09a;--awake-ink: #08804f;--vfin: #e0b040;--vfin-ink: #8c6006;--scope-trace-from: #ff2438;--scope-trace-to: #ffb8bf}:root{--rec: #e0574a;--cut: 14px;--key-white: #eef0f3;--key-white-shade: #cfd5dc;--key-black: #25292f;--key-black-shade: #111317;--key-label: #5b626c;font:12px/1.5 var(--sans);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--stage),var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,h2,h3,p{margin:0}kbd{font:10px var(--mono);padding:0 4px;border:1px solid var(--line-strong);border-radius:var(--radius-s)}.icon{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:transparent;color:var(--muted)}.icon:hover:not(:disabled){color:var(--text);background:var(--hover)}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);padding:6px 8px;border-radius:var(--radius-s);font-size:12px}.text-button:hover:not(:disabled){color:var(--text);background:var(--hover)}.toggle{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:transparent;color:var(--muted);font-size:11px;white-space:nowrap}.toggle i{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:background .15s,box-shadow .15s}.toggle[aria-pressed=true]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.toggle[aria-pressed=true] i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.segmented{display:inline-flex;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--well);flex-wrap:wrap}.segmented button{border:0;background:transparent;color:var(--muted);padding:3px 9px;border-radius:var(--radius-s);font-size:11px;white-space:nowrap}.segmented button[aria-checked=true]{background:var(--text);color:var(--bg)}.plate{--text: var(--ink);--muted: var(--ink-soft);--faint: var(--ink-faint);--bg: var(--armor);--line: rgb(21 23 27 / .1);--line-strong: rgb(21 23 27 / .22);--hover: rgb(21 23 27 / .06);--well: #d5dae0;--knob-face: #fafbfc;--knob-track: rgb(21 23 27 / .13);--knob-label: var(--ink);--seam: var(--psycho);position:relative;isolation:isolate;color:var(--ink);padding:16px 18px 18px}.plate:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent var(--cut),rgb(255 255 255 / .75) var(--cut),transparent 55%) top / 100% 1px no-repeat,linear-gradient(165deg,var(--armor) 0%,var(--armor-2) 58%,var(--armor-3) 100%);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.plate:after{content:"";position:absolute;z-index:-1;left:calc(var(--cut) + 6px);top:7px;width:72px;height:3px;border-radius:2px;background:var(--seam);box-shadow:0 0 10px var(--seam)}.plate :focus-visible{outline-color:var(--ink)}.topbar{position:relative;z-index:40;display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);flex-wrap:wrap}.wordmark{font:600 21px/1 var(--display);letter-spacing:-.3px;white-space:nowrap;color:var(--armor)}.wordmark span,.start-title span{color:var(--psycho);text-shadow:0 0 14px rgb(255 36 56 / .55)}.wordmark{font-feature-settings:"case" 1}.presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-select select{min-width:210px;height:30px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--well)}.preset-select select :is(option,optgroup){color:var(--text);background-color:var(--raised)}.edited{font:10px var(--mono);color:var(--psycho-soft);letter-spacing:.08em;text-transform:uppercase}.save-form{display:flex;gap:4px;align-items:center}.save-form input{height:30px;width:180px;padding:0 9px;border:1px solid var(--accent);border-radius:var(--radius-s);background:var(--well)}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar .window-size{height:30px}.topbar .window-size>summary{display:flex;height:30px;align-items:center}.midi-status{font:10px var(--mono);color:var(--faint);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-status.ready{color:var(--muted)}.record{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:var(--radius-m);border:1px solid var(--line-strong);background:transparent;font-size:12px;font-variant-numeric:tabular-nums}.record svg{color:var(--rec);fill:var(--rec)}.record.on{background:var(--rec);border-color:var(--rec);color:#fff}.record.on svg{color:#fff;fill:#fff}.scope{width:190px}.scope .effect-scope{margin:0;padding:0;border:0}.scope .effect-section-label{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.scope canvas{display:block;width:100%;height:26px;margin:3px 0}.scope .effect-meter{height:3px;background:var(--hover);border-radius:2px;overflow:hidden}.scope .effect-meter i{display:block;height:100%;background:var(--accent);transition:width 70ms linear}.scope .effect-meter-labels{display:none}.notice{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--rec) 40%,transparent);background:var(--panel);border-radius:var(--radius-s);box-shadow:0 6px 24px #0008;font-size:12px}.tabs{display:none}.deck{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 20px 0;align-items:start}.stage-plate{min-width:0}.stage{position:relative;display:grid;gap:12px}.screen{position:relative;padding:12px;border-radius:12px;background:linear-gradient(#0b0c0f,#050607);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px #ffffff0d,0 24px 48px #00000073}.screen:after{content:"";position:absolute;left:22px;bottom:5px;width:64px;height:2px;border-radius:1px;background:var(--psycho);box-shadow:0 0 10px var(--psycho)}.screen-glass{position:relative;aspect-ratio:16 / 9;border-radius:5px;overflow:hidden;background:#000}.stage-canvas{display:block;width:100%;height:100%;background:#000}.screen-note{position:absolute;inset:12px;display:grid;place-content:center;justify-items:center;gap:10px;padding:20px;text-align:center;color:#c8ced6;background:#000000b8;border-radius:5px}.screen-note .text-button{color:#eef0f3;border:1px solid rgb(255 255 255 / .2)}.screen-note-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.screen:fullscreen{padding:0;border-radius:0;background:#000;display:grid;place-items:center}.screen:fullscreen:after{display:none}.screen:fullscreen .screen-glass{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.screen:fullscreen .screen-glass,.output-surface{container-type:size}.screen:fullscreen .stage-canvas,.output-surface .stage-canvas{position:absolute;left:50%;top:50%;width:100cqw;height:100cqh;aspect-ratio:auto;object-fit:var(--stage-fit, contain);transform:translate(-50%,-50%) rotate(var(--stage-rotate, 0deg))}.screen:fullscreen[data-rotated=true] .stage-canvas,.output-window[data-rotated=true] .stage-canvas{width:100cqh;height:100cqw}.output-host,.output-window{position:fixed;inset:0;background:#000}.output-surface{position:absolute;inset:0;overflow:hidden}.output-window[data-idle=true]{cursor:none}.output-controls{position:absolute;top:14px;right:14px;display:flex;gap:6px;padding:5px;border:1px solid rgb(255 255 255 / .12);border-radius:9px;background:#0a0b0e9e;backdrop-filter:blur(8px);transition:opacity .4s}.output-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#d8dde3}.output-controls button:hover{background:#ffffff1a;color:#fff}.output-controls button[aria-pressed=true]{color:var(--awake)}.output-window[data-idle=true] .output-controls:not(:focus-within){opacity:0;pointer-events:none}.stage-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.quick-row{display:flex;flex-wrap:wrap;gap:8px}.quick{display:grid;justify-items:start;gap:5px;min-width:94px;padding:8px 12px 9px;border:1px solid rgb(255 255 255 / .09);border-radius:6px;background:linear-gradient(#2b2f36,#1e2126);color:#d8dde3;box-shadow:inset 0 1px #ffffff0f,0 2px #0b0c0e;text-align:left}.quick span{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.quick small{font:10px var(--mono);color:var(--psycho-soft)}.quick i{width:26px;height:3px;border-radius:2px;background:#ffffff24}.quick:hover{border-color:#fff3}.quick:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0f}.quick[aria-pressed=true]{border-color:#ff243880}.quick[aria-pressed=true] i{background:var(--psycho);box-shadow:0 0 10px var(--psycho)}.stage-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.tool{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:transparent;color:var(--muted);font-size:12px}.tool:hover{color:var(--text);background:var(--hover)}.tool.on,.icon.on{color:var(--awake);border-color:#35f09a73;box-shadow:0 0 12px #35f09a2e}.stage-status{position:absolute;top:20px;left:20px;right:20px;z-index:2;margin:0;padding:6px 8px;background:#000000bf;border-radius:var(--radius-s);font:11px var(--mono);color:#c8ced6;pointer-events:none}.display-menu{height:30px}.display-menu summary{display:grid;list-style:none;cursor:pointer}.display-menu summary::-webkit-details-marker{display:none}.display-menu[open] summary{color:var(--text);background:var(--hover)}.display-panel{--text: var(--ink);--muted: var(--ink-soft);--bg: var(--armor);--line-strong: rgb(21 23 27 / .22);--hover: rgb(21 23 27 / .06);--well: #d5dae0;position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;display:grid;gap:9px;width:264px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--armor);color:var(--ink);box-shadow:0 12px 32px #00000073}.display-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.display-row select{padding:3px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--well);color:var(--ink);font:12px var(--mono)}.display-row.check{justify-content:flex-start;font:12px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}.display-row.check input{accent-color:var(--psycho-ink);margin:0}.display-panel .hint{font-size:11px;line-height:1.45;color:var(--ink-soft)}.board-plate{--seam: var(--psycho);padding:14px 16px}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px;flex-wrap:wrap}.board-bar h2{font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase}.page-switch{display:flex;align-items:center;gap:10px}.slide{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:7px;background:#1b1e23;box-shadow:inset 0 2px 5px #0009,0 1px #fffc}.slide button{position:relative;z-index:1;min-width:54px;height:28px;border:0;border-radius:5px;background:transparent;color:#a9b1bb;font:600 11px var(--mono);letter-spacing:.16em}.slide button[aria-checked=true]{color:var(--ink)}.slide button:focus-visible{outline-color:var(--armor);outline-offset:-3px}.slide-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:5px;background:linear-gradient(var(--armor),var(--armor-3));box-shadow:0 0 0 1px #0000004d,0 0 14px #35f09ab3;transition:transform .2s var(--ease),box-shadow .2s}.page-switch[data-page=mod] .slide-thumb{transform:translate(100%);box-shadow:0 0 0 1px #0000004d,0 0 14px #ff2438bf}.hidden-pins{font:10px var(--mono);color:var(--faint);letter-spacing:.06em;white-space:nowrap}.hidden-pins.some{color:var(--ink)}.board-wrap{position:relative}.board{padding:6px 8px 10px;border-radius:8px;background:linear-gradient(180deg,#e4e8ec,#d6dbe1);box-shadow:inset 0 2px 4px #0000001f,inset 0 -1px #fffc;user-select:none;-webkit-user-select:none}.board{--head: 64px;--cell: clamp(32px, calc(3.8vw - 13px) , 60px)}.board-groups{display:grid;grid-template-columns:var(--head) calc(var(--cell) * 5) calc(var(--cell) * 5);font:600 9px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.board-groups span{padding:2px 0 4px;text-align:center}.board-groups .video{box-shadow:inset 1px 0 0 var(--line-strong);color:var(--awake-ink)}.board-row{display:grid;grid-template-columns:var(--head) repeat(10,var(--cell));align-items:center;border-radius:5px}.board-row.lit{background:#15171b0d}.board-row.first-swap{margin-top:5px;padding-top:5px;border-top:1px solid var(--line-strong)}.board-row.swaps{animation:swap-in .26s var(--ease) both}.board-row.swaps+.swaps{animation-delay:40ms}.board-row.swaps+.swaps+.swaps{animation-delay:80ms}@keyframes swap-in{0%{opacity:0;transform:translate(-10px)}}.board-head{align-items:end;padding-bottom:4px}.corner{display:flex;flex-direction:column;font:8px var(--mono);color:var(--ink-faint);letter-spacing:.06em;line-height:1.3}.col-head{font:700 8.5px/1.15 var(--mono);letter-spacing:.02em;text-align:center;color:var(--ink-soft);padding:2px 0;border-radius:4px;overflow:hidden}.col-head.video{color:var(--awake-ink)}.col-head.lit{background:#15171b12;color:var(--ink)}.board-row>:nth-child(7){box-shadow:inset 1px 0 0 var(--line-strong)}.row-head{position:relative;display:flex;align-items:center;gap:6px;font:700 9px var(--mono);letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap}.row-head i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--psycho-ink);box-shadow:0 0 0 1px #0003}.image .row-head i{background:var(--awake-ink)}.row-head.used{color:var(--ink)}.row-group{position:absolute;left:0;top:-13px;font:600 7.5px var(--mono);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.row-group.image{color:var(--awake-ink)}.cell{position:relative;display:grid;place-items:center;height:calc(var(--cell) * .84)}.cell.motion-video{background:#15171b06}.cell.image-video{background:#08804f12}.cell.image-audio{background:#08804f09}.cell.lit{background:#15171b0f}.board-row.lit .cell.lit{background:#15171b1f}.hole{position:relative;width:max(18px,calc(var(--cell) * .6));height:max(18px,calc(var(--cell) * .6));padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 50% 44%,#0c0e11 0 36%,#3b4048 38% 46%,#aeb6bf 49% 58%,transparent 61%);touch-action:manipulation}.hole:hover{background:radial-gradient(circle at 50% 44%,#0c0e11 0 36%,#3b4048 38% 46%,#8b939d 49% 62%,transparent 65%)}.hole:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.hole i{position:absolute;inset:calc(4px - var(--amount) * 3px);border-radius:50%;transition:box-shadow 90ms linear}.hole.motion i{background:radial-gradient(circle at 38% 32%,#ffe1e4,var(--psycho) 45%,#7d0612 100%);box-shadow:0 1px 2px #00000059,0 0 calc(3px + var(--lvl, 0) * 16px) calc(var(--lvl, 0) * 3px) #ff2438cc}.hole.image i{background:radial-gradient(circle at 38% 32%,#e0fff0,var(--awake) 45%,#06603b 100%);box-shadow:0 1px 2px #00000059,0 0 calc(3px + var(--lvl, 0) * 16px) calc(var(--lvl, 0) * 3px) #35f09abf}.hole.invert i{background:radial-gradient(circle at 38% 32%,#fff3cf,var(--vfin) 45%,#6d4a04 100%);box-shadow:0 1px 2px #00000059,0 0 calc(3px + var(--lvl, 0) * 16px) calc(var(--lvl, 0) * 3px) #e0b040bf}.board-help{width:0;min-width:100%;margin-top:8px;font-size:11px;line-height:1.45;color:var(--ink-soft)}.pin-editor{--text: #eef0f3;--muted: #b3bac3;--faint: #9aa2ac;--line-strong: rgb(255 255 255 / .16);--hover: rgb(255 255 255 / .07);--well: #0d0f12;--accent: var(--psycho);position:absolute;z-index:20;top:30px;left:50%;transform:translate(-50%);width:270px;padding:10px 12px 12px;background:#1d2026;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 18px 48px #00000073}.pin-editor :focus-visible{outline-color:var(--psycho)}.cell:nth-child(n+8) .pin-editor{left:auto;right:-8px;transform:none}.board-row:nth-last-child(-n+4) .pin-editor{top:auto;bottom:30px}.pin-editor header{display:flex;justify-content:space-between;align-items:center;gap:8px;font:11px var(--mono)}.pin-editor .icon{width:24px;height:24px}.pin-meaning{margin:6px 0 8px;font-size:11.5px;line-height:1.45;color:var(--muted)}.pin-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.pin-presets button{padding:6px 4px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:transparent;font-size:11px;color:var(--muted)}.pin-presets button:hover{color:var(--text);background:var(--hover)}.audio-range-label{display:flex;align-items:center;justify-content:space-between;gap:6px}.audio-range-label>label{font-size:11px;color:var(--muted)}.audio-range-label>span{display:flex;align-items:center;gap:2px;font:10px var(--mono);color:var(--muted)}.audio-range{min-width:0}.audio-range input[type=range]{--range-thumb: 14px;display:block;width:100%;height:20px;margin:2px 0 0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}.audio-range input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) calc(var(--range-thumb) / 2 + (100% - var(--range-thumb)) * var(--fill, 0)),var(--line-strong) 0)}.audio-range input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) calc(var(--range-thumb) / 2 + (100% - var(--range-thumb)) * var(--fill, 0)),var(--line-strong) 0)}.audio-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--range-thumb);height:var(--range-thumb);margin-top:calc(2px - var(--range-thumb) / 2);border:0;border-radius:50%;background:var(--text);box-shadow:0 1px 3px #00000073}.audio-range input[type=range]::-moz-range-thumb{width:var(--range-thumb);height:var(--range-thumb);border:0;border-radius:50%;background:var(--text);box-shadow:0 1px 3px #00000073}.number-input{width:52px;padding:1px 2px;border:1px solid transparent;border-radius:var(--radius-s);background:transparent;font:10px var(--mono);color:var(--muted);appearance:textfield}.number-input:hover,.number-input:focus{border-color:var(--line-strong);color:var(--text)}.number-input::-webkit-inner-spin-button{-webkit-appearance:none}.module{--text: var(--ink);--muted: var(--ink-soft);--faint: var(--ink-faint);--bg: var(--armor);--line: rgb(21 23 27 / .1);--line-strong: rgb(21 23 27 / .22);--hover: rgb(21 23 27 / .06);--well: #d5dae0;--knob-face: #fafbfc;--knob-track: rgb(21 23 27 / .13);--knob-label: var(--ink);--seam: var(--psycho);--cut: 9px;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:8px;height:100%;padding:14px 12px 10px;color:var(--ink)}.module:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,var(--armor) 0%,var(--armor-2) 60%,var(--armor-3) 100%);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.module:after{content:"";position:absolute;z-index:-1;left:calc(var(--cut) + 4px);right:12px;top:5px;height:2px;border-radius:1px;background:var(--seam);box-shadow:0 0 8px var(--seam);opacity:.9}.module :focus-visible{outline-color:var(--ink)}.module[data-section=video]{--seam: var(--awake);--accent: var(--awake-ink)}.module[data-section=audio]{--seam: #8e97a2;--accent: #353b44}.module[data-section=motion],.play-panel{--seam: var(--psycho);--accent: var(--psycho-ink)}.module header{display:flex;align-items:center;justify-content:space-between;gap:8px}.module h3{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.module header output{font:10px var(--mono);color:var(--ink-soft)}.module-choices{display:flex;flex-wrap:wrap;gap:4px}.module .segmented button{padding:2px 7px;font-size:10.5px}.choice{display:inline-flex;align-items:center;gap:6px;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.choice select{height:24px;padding:0 4px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--well);color:var(--ink);font:11px var(--sans);letter-spacing:0;text-transform:none}.knobs{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(56px,1fr));gap:10px 2px;align-content:start}.module .audio-knob{grid-template-columns:1fr;justify-items:center;text-align:center;gap:3px;--knob-size: 40px}.module .audio-knob-face:before{box-shadow:inset 0 -2px 3px #0000001f,0 2px 4px #00000038,0 0 0 1px #00000014}.module .audio-knob-details{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}.module .audio-knob-details>label{font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.module .audio-knob-value{justify-content:center;font-size:9px;max-width:100%;color:var(--ink-soft)}.module .audio-knob .audio-knob-value .number-input{width:44px;text-align:right;font-size:9.5px}.module-switches{display:flex;flex-wrap:wrap;gap:5px}.attack{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--armor);color:var(--ink);font-size:11px;font-weight:600}.attack:active:not(:disabled){background:var(--ink);color:var(--armor)}.patch-points{display:grid;gap:3px;margin:auto 0 0;padding-top:7px;border-top:1px solid var(--line)}.patch-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px}.patch-line dt{font:600 8.5px var(--mono);letter-spacing:.08em;color:var(--ink-faint);white-space:nowrap}.patch-line dd{display:flex;flex-wrap:wrap;gap:3px 6px;margin:0}.lamp{display:inline-flex;align-items:center;gap:4px;font:600 8.5px var(--mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap}.lamp i{width:6px;height:6px;border-radius:50%}.lamp.motion i{background:var(--psycho);box-shadow:0 0 6px var(--psycho)}.lamp.image i{background:var(--awake);box-shadow:0 0 6px var(--awake)}.lamp.invert i{background:var(--vfin);box-shadow:0 0 6px var(--vfin)}.lamp.none{font-weight:400;color:var(--ink-faint)}.play-deck{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"stick seq" "keys keys";gap:12px;padding:14px 20px 0}.module-stick{grid-area:stick}.module-seq{grid-area:seq;min-width:0}.performance-keys{grid-area:keys;min-width:0}.stick-field{position:relative;width:170px;aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1c1f24 0 48%,#2c3139 60%,#444a53 70%,#c3c9d0 71%);box-shadow:inset 0 3px 10px #000c,0 1px #fff;touch-action:none;cursor:grab}.stick-field:active{cursor:grabbing}.stick-cross{position:absolute;inset:14%;background:linear-gradient(#ffffff1f,#ffffff1f) center / 1px 100% no-repeat,linear-gradient(#ffffff1f,#ffffff1f) center / 100% 1px no-repeat;border-radius:50%}.stick-field:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#121418;box-shadow:0 0 0 2px #3b4048}.stick-head{position:absolute;z-index:1;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dde1e6 30%,#8d949d 70%,#474c54);box-shadow:0 6px 12px #000b,0 0 0 1px #0008,0 0 14px #ff243859;pointer-events:none}.module-seq header{flex-wrap:wrap}.seq-transport{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.seq-play{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border:1px solid var(--ink);border-radius:var(--radius-m);background:var(--ink);color:var(--armor);font-weight:600;font-size:12px}.seq-play svg{fill:currentColor}.seq-play.on{border-color:var(--psycho-ink);background:var(--psycho-ink);color:#fff;box-shadow:0 0 14px #ff243873}.seq-root{display:inline-flex;align-items:center;gap:4px;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.seq-root .icon{width:24px;height:24px}.seq-root output{min-width:34px;text-align:center;font:12px var(--mono);color:var(--ink);text-transform:none}.seq-body{display:flex;gap:14px;align-items:stretch;flex:1}.seq-body>.knobs{align-content:center}.seq-lane{flex:1;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;min-height:150px}.seq-bar{position:relative;border-radius:4px;background:var(--well);box-shadow:inset 0 1px 3px #0000002e;cursor:ns-resize;touch-action:none}.seq-bar.beat{box-shadow:inset 0 1px 3px #0000002e,inset 2px 0 #15171b2e}.seq-bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#15171b40}.seq-fill{position:absolute;left:3px;right:3px;border-radius:2px;background:var(--psycho-ink)}.seq-bar small{position:absolute;left:0;right:0;bottom:3px;text-align:center;font:8px var(--mono);color:var(--ink-faint);pointer-events:none}.seq-bar em{position:absolute;left:0;right:0;top:3px;text-align:center;font:600 8.5px var(--mono);font-style:normal;color:var(--ink);pointer-events:none}.seq-bar.off{opacity:.35}.seq-bar.now{box-shadow:inset 0 0 0 2px var(--psycho),0 0 10px #ff243880}.seq-bar:focus-visible{outline-offset:1px}.rack{margin:14px 20px 20px;padding:10px 10px 12px;border-radius:10px;background:linear-gradient(#1d2026,#16181c);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #00000080}.rack-head{display:flex;align-items:center;gap:14px;padding:0 4px 8px}.rack-head h2{font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--armor)}.rack-legend{display:flex;gap:12px;margin:0;padding:0;list-style:none;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rack-legend li{display:inline-flex;align-items:center;gap:6px}.rack-legend i{width:14px;height:2px;border-radius:1px}.rack-legend .video i{background:var(--awake);box-shadow:0 0 6px var(--awake)}.rack-legend .audio i{background:#8e97a2}.rack-legend .motion i{background:var(--psycho);box-shadow:0 0 6px var(--psycho)}.rack-rows{display:flex;flex-wrap:wrap;gap:6px}.module-slot{flex:var(--grow, 1) 1 0px;min-width:0}.row-break{flex-basis:100%;height:0;margin-top:-6px}.rack-rows.measuring>.module-slot{flex:0 0 auto}.rack-rows.measuring>.row-break{display:none}.module-map{display:none;gap:4px;padding:0 0 8px}.map-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.map-row.video{--seam: var(--awake)}.map-row.audio{--seam: #8e97a2}.map-row.motion{--seam: var(--psycho)}.map-row button{height:32px;padding:0;border:1px solid rgb(255 255 255 / .09);border-radius:5px;background:linear-gradient(#2b2f36,#1e2126);color:#a9b1bb;font:600 9px var(--mono);letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 -2px 0 var(--seam)}.map-row button.shown{border-color:#ffffff57;color:#eef0f3}.map-row button[aria-pressed=true]{border-color:var(--armor);background:var(--armor);color:var(--ink)}.keys{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px;align-items:stretch;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-l)}.performance{display:flex;gap:8px}.wheel{position:relative;width:30px;height:132px;border-radius:var(--radius-s);background:var(--well);box-shadow:inset 0 2px 6px #000a;touch-action:none;overflow:hidden}.wheel-fill{position:absolute;left:4px;right:4px;background:color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px}.wheel-grip{position:absolute;left:3px;right:3px;height:6px;border-radius:3px;background:var(--knob-label)}.wheel small{position:absolute;bottom:4px;left:0;right:0;text-align:center;font:8px var(--mono);color:var(--faint);pointer-events:none}.octave{display:grid;grid-template-columns:auto auto auto;align-content:center;align-items:center;gap:6px}.octave output{font:12px var(--mono);min-width:28px;text-align:center}.octave .hint{grid-column:1 / -1;font-size:10px;line-height:1.5;text-align:center;color:var(--faint)}.keyboard{position:relative;height:132px;touch-action:none;user-select:none;-webkit-user-select:none}.key{position:absolute;top:0;border-radius:0 0 5px 5px}.key.white{height:100%;background:linear-gradient(var(--key-white),var(--key-white-shade));border:1px solid #0000004d}.key.black{z-index:1;height:62%;background:linear-gradient(var(--key-black),var(--key-black-shade));border:1px solid #000;box-shadow:0 2px 3px #0008}.key.white.down,.key.white.sounding{background:linear-gradient(color-mix(in srgb,var(--psycho) 30%,var(--key-white)),color-mix(in srgb,var(--psycho) 55%,var(--key-white)))}.key.black.down,.key.black.sounding{background:linear-gradient(color-mix(in srgb,var(--psycho) 55%,var(--key-black)),color-mix(in srgb,var(--psycho) 30%,var(--key-black-shade)))}.c-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:9px var(--mono);color:var(--key-label);pointer-events:none}.keyboard.idle{opacity:.6}.start-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(6px)}.start-card{width:min(440px,100%);padding:28px 28px 22px;border-radius:var(--radius-l);background:var(--panel);border:1px solid var(--line-strong);text-align:center;box-shadow:0 16px 48px #00000073}.start-title{font:600 30px/1.1 var(--display);font-feature-settings:"case" 1;letter-spacing:-.4px;color:var(--armor)}.start-text{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.7}.start-button{margin-top:18px;height:42px;padding:0 26px;border:1px solid var(--armor-2);border-radius:var(--radius-m);background:linear-gradient(var(--armor),var(--armor-3));color:var(--ink);font-weight:600;font-size:12px;box-shadow:0 0 18px #ff243840}.start-button:hover:not(:disabled){box-shadow:0 0 22px #ff243873}.start-note{min-height:18px;margin-top:12px;color:var(--rec);font-size:12px}.licenses{width:min(720px,calc(100vw - 32px));max-height:80vh;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--panel);color:var(--text)}.licenses::backdrop{background:#0a0a0a99}.licenses header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.licenses h2{font:500 16px var(--display);letter-spacing:-.2px}.licenses-body{padding:12px 16px 16px;overflow:auto;max-height:calc(80vh - 60px);font-size:12px;color:var(--muted)}.licenses-body details{border-top:1px solid var(--line);padding:8px 0}.licenses-body summary{cursor:pointer;color:var(--text)}.licenses-body pre{white-space:pre-wrap;font:10px/1.5 var(--mono);color:var(--muted)}@media(max-width:980px){.topbar .scope{display:none}}@media(max-width:800px){.deck{grid-template-columns:minmax(0,1fr)}.board-plate{justify-self:center}}@media(max-width:760px){.topbar{gap:10px;padding:10px 14px}.presets{order:3;width:100%}.preset-select{flex:1}.preset-select select{width:100%;min-width:0}.top-right{margin-left:auto;gap:8px;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.midi-status{display:none}.app{--tabs: 51px}.tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:var(--tabs);padding:8px 14px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}.tabs button{height:34px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:transparent;color:var(--muted);font-size:12px}.tabs button[aria-pressed=true]{background:var(--armor);color:var(--ink)}.app:not([data-tab=play]) :is(.play-deck,.stage-bar,.stage-status),.app:not([data-tab=pins]) .board-plate,.app:not([data-tab=rack]) .rack{display:none}.deck{padding:12px}.app:not([data-tab=play]) .stage{max-width:calc(26dvh * 16 / 9);margin-inline:auto}.app:not([data-tab=play]) .screen{padding:6px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0f}.app:not([data-tab=play]) .screen:after{display:none}.app:not([data-tab=play]) .screen-note{inset:6px;padding:6px}.app:not([data-tab=play]) .screen-note p{display:none}.app[data-tab=rack] .deck{position:sticky;top:var(--tabs);z-index:9;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--line)}.play-deck{grid-template-columns:minmax(0,1fr);grid-template-areas:"stick" "seq" "keys";padding:0 12px}.rack{margin:12px}.module-map{display:grid}.row-break,.module-slot:not([data-shown]){display:none}.module-slot{flex:1 1 0px}.plate,.board-plate{padding:12px}.board{--head: 56px;--cell: 27px;padding:6px 4px 8px}.cell{height:26px}.col-head{font-size:7.5px}.board-wrap{overflow-x:auto}.quick{min-width:0;flex:1 1 70px}.keys{grid-template-columns:auto minmax(0,1fr)}.octave{grid-column:1 / -1;grid-row:1;grid-template-columns:auto auto auto 1fr}.octave .hint{display:none}.keyboard,.wheel{height:150px}}@media(prefers-reduced-motion:reduce){.hole i,.toggle i,.scope .effect-meter i,.slide-thumb{transition:none}.board-row.swaps{animation:none}}.window-size{position:relative}.window-size summary{list-style:none;cursor:pointer}.window-size summary::-webkit-details-marker{display:none}.window-size form{position:absolute;top:100%;right:0;z-index:30;width:240px;padding:14px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-m);box-shadow:0 8px 24px #0006}.window-size label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.window-size input{width:90px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--well)}.window-presets{display:flex;gap:4px;margin-bottom:10px}.window-size .hint{display:block;margin-top:8px}.topbar:has(.window-size[open]){position:relative;z-index:40}.recording-control{display:flex;align-items:center;gap:4px;position:relative;min-width:0}.recording-menu{height:30px;flex-shrink:0}.recording-menu>summary{display:flex;height:30px;min-width:152px;align-items:center;justify-content:center;cursor:pointer;list-style:none;white-space:nowrap}.recording-control>.record{min-width:124px;justify-content:center;white-space:nowrap}.recording-menu>summary::-webkit-details-marker{display:none}.recording-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:250px;max-width:calc(100vw - 24px);padding:12px;background:#202123;border:1px solid #555;border-radius:4px;box-shadow:0 6px 18px #0008}.recording-panel label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:12px}.recording-panel select{max-width:170px;padding:5px;color:inherit;background:#151618;border:1px solid #555;border-radius:3px;font:inherit}.recording-panel p{margin:8px 0 0;color:#bbb;font-size:11px;line-height:1.5}