@font-face{font-family:Tilt Display;src:url(/fonts/display.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Tilt Display;src:url(/fonts/display-bold.woff2) format("woff2");font-weight:700 900;font-display:swap}:root{--font-ui: "Segoe UI", system-ui, sans-serif;--font-display: "Tilt Display", "Bahnschrift", "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Mono", var(--font-mono);--bg: #0d1220;--panel: #151c2e;--raise: #1d2640;--raise-hi: #26314f;--well: #090e19;--line: #2b3654;--line-strong: #3d4c74;--ink: #e9eefb;--dim: #8f9bbd;--white: #ffffff;--scrim: #050812b3;--scrim-strong: #050812e6;--shadow: #02040acc;--glow: #17325a;--cyan: #36e2ff;--coral: #ff6b5e;--mint: #4dffb4;--purple: #a982ff;--yellow: #ffd23f;--accent: var(--cyan);--accent-ink: #04212b;--ok: var(--mint);--rec: var(--coral);--focus: var(--yellow);--inst-drums: #ff5f6d;--inst-analog: #ff9a3c;--inst-acid: #b8f04a;--inst-wobble: #d36bff;--inst-poly: #4aa8ff;--inst-pad: #ff8fd0;--inst-lead: #2fd6c6;--inst-chip: #8c7dff;--inst-fm: #e9d8b4;--inst-wave: #5ce07a;--inst-sampler: #c3cbe0;--inst-epiano: #e07a5f;--inst-pluck: #c9955a;--inst-organ: #b5462f;--inst-anthem: #ff4fb8;--inst-vox: #9ad0ff;--inst-boom: #ff6a3d;--inst-piano: #e8dcc2;--inst-garage: #b08850;--inst-chop: #ff8a1f;--inst-midi: #9aa4b2;--inst-patch: #f2b134;--r-s: 4px;--r-m: 8px;--r-l: 14px;--radius: var(--r-m);--bevel-hi: #ffffff17;--bevel-lo: #00000073;--t-fast: 90ms;--t-med: .16s;--key-white: #dbe3f2;--key-black: #1a2236;--key-ink: #10162a;--key-chord: #5b3fc4;--cap: #dfe7f7;--roll-bg: #0b101d;--roll-row: #121a2b;--roll-row2: #0f1625;--roll-hatch: #ffffff2a;--roll-inkey: #1d2840;--roll-outkey: #090d17;--roll-key-in: #243049;--roll-key-out: #0b0f1a;--roll-key-in-ink: #eef3ff;--roll-key-root-ink: #ffffff;--roll-key-out-ink: #6b7590;--roll-key-deg: #9fb0d0;--roll-warn: #ffcf4a;--roll-root: #36e2ff12;--roll-keys: #182035;--roll-key-white: #c9d3e8;--roll-key-black: #1a2236;--roll-key-ink: #10162a;--roll-grid: #ffffff12;--roll-beat: #ffffff24;--roll-bar: #ffffff5c;--roll-beat-shade: #ffffff0e;--sel-fill: #ffd23f1f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.35 var(--font-ui);overflow:hidden;user-select:none}button{font:inherit;color:inherit;background:var(--raise);border:1px solid var(--line);border-radius:var(--r-m);padding:6px 10px;cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-hi),0 2px 0 var(--bevel-lo);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast),color var(--t-fast)}button:hover:not(:disabled){border-color:var(--line-strong);background-color:var(--raise-hi)}button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 var(--bevel-hi),0 0 0 var(--bevel-lo)}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:inset 0 1px #fff6,0 2px color-mix(in srgb,var(--accent) 35%,#000),0 0 14px color-mix(in srgb,var(--accent) 30%,transparent)}button.on:hover:not(:disabled){background-color:var(--accent);filter:brightness(1.08)}.menu-item,.tb-arrow,.brand,.stepper-btn,.lib-row,.pg-cell:not(.on){box-shadow:none}#app{height:100%;display:flex;flex-direction:column}.screen-host{flex:1;min-height:0;display:flex;flex-direction:column}.hidden{display:none!important}.navfocus{outline:2px solid var(--focus)!important;outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--focus) 22%,transparent)!important}.topbar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{background:none;border:none;font-weight:800;letter-spacing:.08em;color:var(--accent);font-size:15px}.chip-btn{background:var(--raise);border-radius:var(--r-m);padding:5px 11px;white-space:nowrap}.chip-btn.title{max-width:220px;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;gap:3px;margin-left:6px;padding:3px;background:var(--well);border-radius:calc(var(--r-m) + 3px)}.tp-btn{min-width:40px;font-size:15px}.tp-btn.rec{color:var(--rec)}.tp-btn.rec.on{box-shadow:inset 0 1px #fff5,0 2px color-mix(in srgb,var(--rec) 35%,#000),0 0 16px color-mix(in srgb,var(--rec) 45%,transparent)}.tp-btn.rec.on{background:var(--rec);color:var(--key-ink);border-color:var(--rec);animation:pulse 1s infinite}.tp-btn.mode{min-width:86px;font-size:13px}.spacer{flex:1}.timer{font:700 20px var(--font-mono);min-width:0;padding:2px 10px;border-radius:8px}.timer.on{background:var(--well)}.timer.hurry{color:var(--dmd)}.timer.done{color:var(--rec)}.locked-badge{background:var(--rec);color:var(--key-ink);font-weight:700;padding:3px 8px;border-radius:6px;font-size:12px;letter-spacing:.1em}@keyframes pulse{50%{opacity:.55}}.overlay-layer{position:fixed;inset:0;z-index:50;background:var(--scrim);display:grid;place-items:center}.overlay-layer.menu-layer{background:transparent;display:block}.overlay-layer.dim{background:var(--scrim-strong)}.menu{position:fixed;min-width:240px;max-height:80vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px;box-shadow:0 12px 40px var(--shadow)}.menu-title,.dialog-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);padding:6px 10px 8px}.menu-item{display:flex;width:100%;gap:8px;align-items:center;background:none;border:none;text-align:left;padding:7px 10px;border-radius:6px}.menu-item{transition:background-color var(--t-fast)}.menu-item:hover:not(:disabled){background:var(--raise-hi)}.menu-item.navfocus{background:var(--raise-hi);outline-offset:-2px;box-shadow:none!important}.menu-check{width:14px;color:var(--accent)}.menu-label{flex:1}.menu-hint{color:var(--dim);font-size:12px}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:10px 16px 16px;width:min(440px,94vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px var(--shadow)}.dialog.wide{width:min(720px,94vw)}.form{display:flex;flex-direction:column;gap:8px}.row-btn{text-align:left;padding:9px 12px}.row-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700;text-align:center}.stepper{display:flex;align-items:center;gap:8px;background:var(--well);border:1px solid var(--line);border-radius:var(--r-m);padding:4px 6px 4px 12px}.stepper-label{color:var(--dim);width:110px}.stepper-value{flex:1;text-align:center;font-weight:600}.stepper-btn{width:34px;padding:4px 0}.note{color:var(--dim);font-size:13px;margin:2px 0}.note.ok{color:var(--ok)}.note.big{font-size:16px;color:var(--ink)}.status{color:var(--accent)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin-top:6px}.monitor{background:var(--well);border-radius:8px;padding:8px;height:320px;overflow:auto;font:12px/1.4 var(--font-mono);margin:0;user-select:text}.help{border-collapse:collapse;width:100%}.help td,.help th{padding:4px 8px;text-align:left;vertical-align:top}.help th{color:var(--accent);padding-top:10px}.help td:first-child{color:var(--accent);white-space:nowrap;font-family:var(--font-mono);font-size:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--scrim-strong);border:1px solid var(--line);color:var(--ink);padding:9px 18px;border-radius:var(--r-m);z-index:100;transition:opacity .4s;pointer-events:none}.toast.out{opacity:0}.picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick-card{text-align:left;padding:16px;border-radius:12px;min-height:92px}.pick-name{font-weight:800;font-size:18px}.pick-role{color:var(--dim);font-size:12px;margin-top:4px}.pick-card[class*=kind-]{background:var(--raise);border-color:var(--line);box-shadow:inset 4px 0 0 var(--kc),inset 0 1px 0 var(--bevel-hi),0 2px 0 var(--bevel-lo)}.pick-card[class*=kind-] .pick-name{color:var(--kc)}.pick-card[class*=kind-]:hover:not(:disabled){border-color:var(--kc)}.pick-card.random{background:var(--raise);border-style:dashed}.dice-screen{flex:1;overflow:auto;padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:22px;background:radial-gradient(ellipse at 50% 0%,var(--glow) 0%,var(--bg) 60%)}.dice-head{text-align:center}.logo{font-size:46px;font-weight:900;letter-spacing:.14em;color:var(--accent);display:flex;align-items:center;gap:14px;justify-content:center}.logo-die{font-size:54px;color:var(--ink)}.tagline{color:var(--dim);margin-top:4px}.dice-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;width:min(960px,100%)}.dice-grid .die:nth-child(5),.dice-grid .die:nth-child(6){grid-column:span 2}.die{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:14px;text-align:left;min-height:120px;display:flex;flex-direction:column;gap:4px;transition:transform .1s}.die.locked{border-color:var(--accent);background:var(--raise)}.die.rolling:not(.locked){transform:rotate(-1.5deg) scale(.98)}.die-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}.die-value{font-size:30px;font-weight:800}.die-unit{color:var(--dim);margin-top:-4px}.die-lock{margin-top:auto;font-size:12px;color:var(--dim)}.die.locked .die-lock{color:var(--accent)}.lineup{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--well);border-radius:var(--r-s);padding:3px 10px;font-size:13px}.chip[class*=kind-]{color:var(--kc);box-shadow:inset 2px 0 0 var(--kc)}.kind-drums{--kc: var(--inst-drums)}.kind-analog{--kc: var(--inst-analog)}.kind-acid{--kc: var(--inst-acid)}.kind-wobble{--kc: var(--inst-wobble)}.kind-poly{--kc: var(--inst-poly)}.kind-pad{--kc: var(--inst-pad)}.kind-lead{--kc: var(--inst-lead)}.kind-chip{--kc: var(--inst-chip)}.kind-fm{--kc: var(--inst-fm)}.kind-wave{--kc: var(--inst-wave)}.kind-sampler{--kc: var(--inst-sampler)}.kind-epiano{--kc: var(--inst-epiano)}.kind-pluck{--kc: var(--inst-pluck)}.kind-organ{--kc: var(--inst-organ)}.kind-anthem{--kc: var(--inst-anthem)}.kind-patch{--kc: var(--inst-patch)}.kind-vox{--kc: var(--inst-vox)}.kind-boom{--kc: var(--inst-boom)}.kind-piano{--kc: var(--inst-piano)}.kind-garage{--kc: var(--inst-garage)}.kind-chop{--kc: var(--inst-chop)}.kind-midi{--kc: var(--inst-midi)}.dice-actions{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;justify-content:center}.roll-btn{font-size:28px;font-weight:900;padding:16px 36px;border-radius:16px;background:var(--raise);border:2px solid var(--accent);display:flex;flex-direction:column;align-items:center}.roll-btn small,.go-btn small{font-size:11px;color:var(--dim);font-weight:400}.go-btn{font-size:26px;font-weight:900;padding:16px 40px;border-radius:16px;background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.timer-pick{display:flex;flex-direction:column;gap:6px;justify-content:center}.seg{display:flex;gap:2px;padding:3px;background:var(--well);border-radius:calc(var(--r-m) + 3px)}.seg-btn{padding:7px 13px;background:transparent;border-color:transparent;box-shadow:none}.seg-btn:hover:not(:disabled):not(.on){background:var(--raise)}.dice-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.dice-foot code{font:700 18px var(--font-mono);color:var(--accent);user-select:text}.small-btn{font-size:13px}.song-screen{flex:1;overflow:auto;padding:12px}.song-grid{display:grid;gap:6px;align-items:stretch}.song-grid>*{min-height:58px;border-radius:var(--r-m)}.song-grid .cursor{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--focus) 22%,transparent)}.corner{padding:8px 10px;background:var(--panel)}.song-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corner-sub{color:var(--dim);font-size:11px;font-family:var(--font-mono)}.track-head{background:var(--panel);border-top:4px solid var(--track);padding:6px 8px;display:flex;flex-direction:column;gap:2px}.track-head.muted{opacity:.55;border-top-color:var(--line-strong)}.track-head{transition:opacity var(--t-med)}.th-name{font-weight:700}.th-preset{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-btns{display:flex;gap:4px;align-items:center}.mini{padding:0 6px;font-size:11px;height:20px;border-radius:var(--r-s);box-shadow:inset 0 1px 0 var(--bevel-hi),0 1px 0 var(--bevel-lo)}.mini:active:not(:disabled){transform:translateY(1px)}.mini.mute.on{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:none}.mini.solo.on{background:var(--yellow);border-color:var(--yellow);color:var(--key-ink)}.vol-bar{flex:1;height:4px;background:var(--well);border-radius:2px;overflow:hidden}.vol-bar>div{height:100%;background:var(--track)}.add-track,.add-scene{display:grid;place-items:center;color:var(--dim);border:2px dashed var(--line);font-size:18px;cursor:pointer}.add-scene{font-size:14px}.scene-head{background:var(--panel);display:flex;align-items:center;gap:8px;padding:6px;position:relative;overflow:hidden}.scene-head.playing{background:color-mix(in srgb,var(--mint) 10%,var(--panel));box-shadow:inset 3px 0 0 var(--mint)}.scene-head.playing .scene-play{background:var(--mint);color:var(--accent-ink);border-color:var(--mint)}.scene-play{width:32px;height:32px;padding:0;border-radius:50%;flex:none}.sh-name{font-weight:600}.sh-meta{color:var(--dim);font-size:12px;min-height:14px}.sh-progress{position:absolute;left:0;bottom:0;height:3px;background:var(--mint);width:0}.cell{background:var(--panel);position:relative;border-left:4px solid var(--track);overflow:hidden;cursor:pointer}.cell{transition:background-color var(--t-fast),box-shadow var(--t-med)}.cell:not(.empty):hover{background:var(--raise)}.cell.empty{background:transparent;border:1px dashed var(--line);border-left:4px dashed var(--line)}.cell.empty:hover{border-color:var(--line-strong)}.cell.empty:hover:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--dim);font-size:18px}.cell.muted{opacity:.45;background-image:repeating-linear-gradient(135deg,transparent 0 6px,#ffffff08 6px 12px)}.cell.playing:not(.empty){background:color-mix(in srgb,var(--track) 9%,var(--panel));box-shadow:inset 0 0 0 2px var(--track),0 0 12px color-mix(in srgb,var(--track) 25%,transparent)}.cell.playing.beat:not(.empty){animation:beatpulse .22s ease-out}.scene-head.playing.beat .scene-play{animation:beatpulse .22s ease-out}@keyframes beatpulse{0%{filter:brightness(1.45)}to{filter:brightness(1)}}.cell-preview{position:absolute;inset:6px 22px 6px 6px;width:calc(100% - 28px);height:calc(100% - 12px)}.cell-bars{position:absolute;right:6px;bottom:4px;font-size:11px;color:var(--dim)}.filler{background:transparent}.empty-hint{grid-column:1 / -1;color:var(--dim);padding:20px}.editor{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(160px,1fr) auto}.ed-toolbar{display:flex;gap:8px;align-items:center;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.tb-btn{padding:4px 9px;font-size:13px}.tb-group{display:flex;gap:2px;align-items:center;padding:2px;background:var(--well);border-radius:calc(var(--r-m) + 2px)}.tb-group .tb-btn:not(.on){background:transparent;border-color:transparent;box-shadow:none}.tb-group .tb-btn:not(.on):hover:not(:disabled){background:var(--raise)}.tb-label{padding-left:6px}.tb-label{color:var(--dim);font-size:12px;margin-right:2px}.tb-value{min-width:18px;text-align:center;font-weight:700}.tb-track{display:flex;align-items:center;gap:2px;border-bottom:3px solid var(--track);font-weight:700}.tb-scene{display:flex;align-items:center;gap:2px;color:var(--dim)}.tb-arrow{background:none;border:none;font-size:18px;padding:0 6px}.menu-btn{margin-left:auto}.roll-wrap{position:relative;min-height:0;border-bottom:1px solid var(--line)}.focus-roll .roll-wrap{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.roll-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.panel-wrap{max-height:48vh;overflow:auto}.focus-panel .panel-wrap{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.panel{padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}.preset-bar{display:flex;align-items:center;gap:6px}.inst-name{font-weight:900;letter-spacing:.08em;font-size:18px;margin-right:auto;display:flex;align-items:baseline;gap:10px}.inst-role{font-weight:400;letter-spacing:0;font-size:12px;opacity:.65}.preset-name{min-width:180px;font-weight:600}.preset-step{width:34px;padding:6px 0}.panel-body{display:flex;flex-direction:column;gap:8px;border-radius:14px;padding:10px 12px}.knob-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.section-title.small{margin:0 0 18px 8px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px}.knob{display:flex;flex-direction:column;align-items:center;width:62px;cursor:ns-resize;border-radius:var(--r-m);padding:2px 0 4px;touch-action:none}.knob.size-s{width:48px}.knob.size-l{width:74px}.knob-svg{width:44px;height:44px}.knob.size-s .knob-svg{width:34px;height:34px}.knob.size-l .knob-svg{width:58px;height:58px}.knob-track{fill:none;stroke:var(--well);stroke-width:4.5;stroke-linecap:round}.knob-val{fill:none;stroke:var(--knob, var(--accent));stroke-width:4.5;stroke-linecap:round;transition:filter var(--t-med),stroke-width var(--t-med)}.knob-cap{fill:var(--raise);stroke:var(--line-strong);stroke-width:1;transition:fill var(--t-fast)}.knob-dot{stroke:var(--knob-dot, var(--ink));stroke-width:2.5;stroke-linecap:round}.knob:hover .knob-cap{fill:var(--raise-hi)}.knob.turning .knob-val{filter:drop-shadow(0 0 3px var(--knob, var(--accent)));stroke-width:5.5}.knob.turning .knob-cap{fill:var(--raise-hi)}.knob.turning .knob-value{color:var(--knob, var(--accent));opacity:1}.knob-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.8;text-align:center}.knob-value{font:600 11px var(--font-mono);opacity:.9}.switch{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 8px;border-radius:var(--r-m);position:relative}.switch:before{content:"";position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.switch.on:before{background:currentColor;box-shadow:0 0 6px currentColor}.switch-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.switch-value{font-weight:700;font-size:13px}.keyboard-wrap{display:flex;gap:6px;align-items:stretch;margin-top:4px}.oct-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px}.oct-btn small{font-size:10px;opacity:.7}.keyboard{flex:1;display:flex;gap:3px;height:70px}.key{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:4px 2px;border-radius:0 0 8px 8px;background:var(--key-white);color:var(--key-ink);border:none;font-size:11px;touch-action:none}.key small{font-size:10px;font-weight:700;color:var(--key-chord)}.key.black{background:var(--key-black);color:var(--dim);height:70%}.key{box-shadow:inset 0 -3px #0002;transition:transform var(--t-fast),background-color var(--t-fast)}.key.down,.key:active{background:var(--track);color:var(--key-ink);transform:translateY(2px);box-shadow:inset 0 -1px #0002,0 0 12px color-mix(in srgb,var(--track) 45%,transparent)}.keyboard.chromatic .key{min-width:0}.shortcut{background:var(--panel);border-radius:14px;padding:10px 16px 16px;max-width:94vw;max-height:90vh;overflow:auto}.sc-grid{display:grid;gap:4px;margin-top:4px}.sc-head{font-size:12px;font-weight:700;border-bottom:3px solid var(--track);padding:2px 4px}.sc-head.on,.sc-scene.on{color:var(--yellow)}.sc-scene{font-size:12px;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-cell{height:26px;border-radius:6px;background:var(--well);border-left:3px solid var(--line)}.sc-cell.has{background:color-mix(in srgb,var(--track) 35%,transparent);border-left-color:var(--track)}.sc-cell.cursor{outline:3px solid var(--focus)}.mixer{flex:1;overflow:auto;display:flex;gap:8px;padding:12px;align-items:stretch}.strip{width:150px;flex:none;background:var(--panel);border-radius:12px;border-top:4px solid var(--track);padding:8px;display:flex;flex-direction:column;gap:8px}.strip.master{border-top-color:var(--accent);background:var(--panel);margin-left:auto}.strip-head{min-height:34px}.strip-name{font-weight:800}.strip-preset{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-slot{background:var(--well);border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:4px;height:104px;flex:none}.fx-slot.on{background:color-mix(in srgb,var(--track, var(--accent)) 8%,var(--well))}.fx-type{font-size:12px;text-align:left;padding:4px 6px;display:flex;gap:6px;align-items:baseline}.fx-num{font-size:10px;color:var(--dim)}.fx-slot:not(.on){background:transparent;border:1px dashed var(--line)}.fx-slot:not(.on) .fx-type{color:var(--dim);border:none;background:transparent;box-shadow:none}.fx-knobs,.strip-row{display:flex;justify-content:space-around;align-items:flex-end;gap:4px}.strip-fader{flex:1;display:flex;gap:8px;justify-content:center;min-height:170px}.fader{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;border-radius:8px;padding:2px}.fader-track{flex:1;width:10px;background:var(--well);box-shadow:inset 0 1px 2px #0008;border-radius:7px;position:relative;cursor:ns-resize;touch-action:none;min-height:120px}.fader-fill{position:absolute;left:0;right:0;bottom:0;background:var(--track, var(--accent));border-radius:7px;opacity:.55}.fader-cap{position:absolute;left:-9px;right:-9px;height:14px;background:var(--cap);border-radius:var(--r-s);box-shadow:inset 0 -2px #0000002a,0 2px 6px var(--shadow);background-image:linear-gradient(var(--key-ink),var(--key-ink));background-size:70% 2px;background-position:center;background-repeat:no-repeat;transition:transform var(--t-fast)}.fader.turning .fader-cap{transform:scaleX(1.08)}.fader.turning .fader-fill{opacity:.85}.meter{width:8px;border-radius:4px;position:relative;overflow:hidden;background:linear-gradient(0deg,var(--mint) 0%,var(--mint) 70%,var(--yellow) 85%,var(--coral) 100%)}.meter-fill{position:absolute;left:0;right:0;top:0;background:var(--well);height:100%}.meter.clip{box-shadow:0 0 0 1px var(--rec)}.strip .knob{width:54px}.strip .switch{min-width:0}.count-in{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:90;pointer-events:none;font:900 160px/1 var(--font-display);color:var(--rec);text-shadow:0 6px 40px var(--shadow)}.count-in.pop{animation:countpop .35s ease-out}@keyframes countpop{0%{transform:translate(-50%,-50%) scale(1.35);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.preset-save{font-size:12px;padding:6px 10px}.lib-actions{display:flex;gap:8px;flex-wrap:wrap}.lib-list{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow:auto}.lib-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;text-align:left;padding:9px 12px}.lib-row.current{border-color:var(--yellow)}.lib-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-meta,.lib-date{color:var(--dim);font-size:12px;white-space:nowrap}.pg-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:6px}.pg-head{border-top:4px solid var(--track, var(--line));padding:4px 6px}.pg-role{font-weight:800}.pg-target{font-size:11px;color:var(--dim)}.pg-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-height:62px;padding:8px}.pg-cell.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pg-name{font-weight:700;font-size:13px}.pg-dots{font-family:var(--font-mono);font-size:8px;letter-spacing:0;opacity:.7;max-width:100%;overflow:hidden;white-space:nowrap}.pg-cell{overflow:hidden;min-width:0}.pg-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dialog.wide:has(.phrase-grid){width:min(900px,96vw)}.learn-banner{position:fixed;left:50%;top:56px;transform:translate(-50%);z-index:80;background:color-mix(in srgb,var(--purple) 16%,var(--panel));border:1px solid var(--purple);color:var(--ink);padding:8px 12px;border-radius:var(--r-m);display:flex;gap:8px;align-items:center;box-shadow:0 8px 30px var(--shadow);max-width:94vw;font-size:13px}.learn-count{color:var(--dim)}.learning [data-param]{outline:1px dashed color-mix(in srgb,var(--purple) 55%,transparent);outline-offset:1px}[data-param].learned:after{content:"MIDI";position:absolute;font:700 8px system-ui;background:var(--purple);color:var(--white);padding:0 3px;border-radius:3px;margin-top:-4px}.knob,.switch,.fader{position:relative}[data-param].learn-target{outline:3px solid var(--purple)!important;outline-offset:2px}.drag-ghost{position:fixed;z-index:95;pointer-events:none;background:var(--panel);border:2px solid var(--track);border-radius:8px;padding:6px 10px;font-weight:700;font-size:13px;box-shadow:0 8px 24px var(--shadow)}.cell.drop-target{outline:3px dashed var(--yellow);outline-offset:2px}.cell.carry-src{outline:3px dashed var(--yellow);opacity:.7}.song-grid .cell:not(.empty){cursor:grab}.chip-btn.stuck{border-color:color-mix(in srgb,var(--yellow) 45%,transparent)}.cards{display:flex;flex-direction:column;gap:4px}.card{background:var(--well);border-radius:8px;padding:4px 8px;font-size:13px}.dice-grid .die:nth-child(7){grid-column:span 4;min-height:0}.scope{position:fixed;right:16px;bottom:16px;z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 40px var(--shadow);cursor:move}.scope-bar{display:flex;gap:4px;align-items:center;margin-bottom:4px}.scope-title{margin-right:auto;font-size:12px;color:var(--mint)}.scope-src{font:inherit;font-size:12px;background:var(--raise);color:var(--ink);border:1px solid var(--line);border-radius:5px}.scope-canvas{display:block;border-radius:8px;width:360px;height:220px}@media(prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}button:active:not(:disabled),.key.down,.key:active{transform:none}}.panel{--knob: var(--track)}.panel .inst-name{color:var(--track)}.panel-body{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--track);box-shadow:inset 0 1px 0 var(--bevel-hi)}.panel .switch.on{background:color-mix(in srgb,var(--track) 18%,var(--raise));border-color:var(--track);color:var(--ink);box-shadow:inset 0 1px 0 var(--bevel-hi),0 2px 0 var(--bevel-lo),0 0 10px color-mix(in srgb,var(--track) 25%,transparent)}.panel .switch.on .switch-value{color:var(--track)}.panel .switch.on:before{background:var(--track);box-shadow:0 0 6px var(--track)}.panel .key small{color:var(--key-chord)}.pads{display:grid;grid-template-columns:repeat(4,84px);grid-template-rows:repeat(2,72px);gap:8px}.pads.four{grid-template-columns:repeat(2,84px);grid-template-rows:repeat(2,72px)}.pad{background:var(--raise);border:1px solid var(--line);border-radius:var(--r-m);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:6px 8px;touch-action:none;box-shadow:inset 0 1px 0 var(--bevel-hi),0 3px 0 var(--bevel-lo);transition:background-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-med)}.pad.selected{border-color:var(--track);box-shadow:inset 0 0 0 1px var(--track),inset 0 1px 0 var(--bevel-hi),0 3px 0 var(--bevel-lo)}.pad:active,.pad.down,.pad.hit{background:var(--track);color:var(--key-ink);transform:translateY(3px);box-shadow:0 0 0 var(--bevel-lo),0 0 18px color-mix(in srgb,var(--track) 55%,transparent);transition-duration:0s}.pad-num{font-size:11px;opacity:.6}.pad-label{font-weight:800}.pad-smp{font-size:10px;opacity:.65}.part-edit{display:flex;flex-direction:column;gap:6px}.panel.kind-lead .inst-name{font-style:italic}.panel.kind-wobble .inst-name{text-shadow:0 0 10px color-mix(in srgb,var(--track) 60%,transparent)}.panel.kind-acid .knob-value{color:var(--track)}.brand,.logo,.inst-name,.die-value,.th-name,.sh-name,.strip-name,.pick-name,.song-title,.go-btn,.roll-btn,.pg-role,.count-in,.timer,.tb-trackname,.lib-title{font-family:var(--font-display)}.brand,.logo{letter-spacing:.12em;text-transform:uppercase}.inst-name{letter-spacing:.06em;text-transform:uppercase}.menu-title,.dialog-title,.section-title,.die-label,.knob-label,.switch-label,.tb-label,.fx-num,.pad-num{font-family:var(--font-display);letter-spacing:.1em}.timer{font-weight:700;letter-spacing:.04em}.timer,.knob-value,.tb-value,.stepper-value,.die-value,.cell-bars,.switch-value,.sh-meta,.chip-btn,.lib-date{font-variant-numeric:tabular-nums}.inst-role{text-transform:none;letter-spacing:0;font-family:var(--font-ui)}@media(max-width:1150px){.topbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar>*{flex:none}.chip-btn.title{display:none}}@media(max-width:920px){.topbar{gap:5px;padding:5px 8px}.chip-btn{padding:5px 8px}.tp-btn{min-width:34px}.tp-btn.mode{min-width:0}.brand{letter-spacing:.06em}.timer{font-size:17px;padding:2px 6px}.dice-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.dice-grid .die:nth-child(5),.dice-grid .die:nth-child(6),.dice-grid .die:nth-child(7){grid-column:span 2}}.panel.kind-sampler .panel-body{flex-direction:row;flex-wrap:wrap;gap:16px}.sound-btn{display:flex;flex-direction:column;align-items:flex-start;min-width:140px;padding:6px 10px}.pad.drop-target{outline:2px dashed var(--yellow);outline-offset:2px}.drop-hint{align-self:center;margin-left:8px}.wt-view{width:168px;height:64px;border-radius:var(--r-m);border:1px solid var(--line);align-self:center;margin-right:6px}.panel.kind-chip .inst-name{letter-spacing:.14em}.zoom-value{min-width:46px}.chip-btn.ext-tempo{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 55%,transparent)}.couch{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding:6px}.couch-cell{min-width:0;min-height:0;display:flex}.couch-strip{grid-column:1 / 3;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 10px;background:var(--panel);border:2px solid var(--seat);border-radius:var(--r-m)}.couch-strip.active{box-shadow:0 0 0 2px var(--seat),0 0 18px color-mix(in srgb,var(--seat) 40%,transparent)}.strip-group{display:flex;align-items:center;gap:4px}.strip-group.scenes{flex-wrap:wrap}.strip-label{font-family:var(--font-display);color:var(--seat);margin-right:2px}.strip-value{min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.strip-btn{background:var(--raise);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);padding:4px 9px;cursor:pointer;font:inherit}.strip-btn:hover{background:var(--raise-hi)}.strip-btn.on{background:var(--cyan);color:var(--accent-ink);border-color:transparent}.strip-btn.rec.on{background:var(--coral);color:var(--accent-ink)}.strip-btn.scene.playing{box-shadow:inset 0 -3px 0 var(--mint)}.strip-btn.end{color:var(--dim)}.strip-queue{color:var(--yellow);font-family:var(--font-display);min-width:90px}.quad{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--seat);border-radius:var(--r-m);overflow:hidden}.quad-head{display:flex;align-items:center;gap:8px;padding:4px 10px;background:color-mix(in srgb,var(--seat) 16%,var(--panel));border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden}.seat-badge{font-family:var(--font-display);background:var(--seat);color:var(--accent-ink);border-radius:var(--r-s);padding:0 7px}.quad-inst{font-family:var(--font-display);color:var(--track)}.quad-preset,.quad-device{color:var(--dim);font-size:12px}.conductor-badge{color:var(--yellow);font-size:12px}.quad .spacer{flex:1}.quad.empty{border-style:dashed;align-items:center;justify-content:center;background:transparent;color:var(--dim);text-align:center}.join-title{font-family:var(--font-display);font-size:22px;color:var(--seat);margin-bottom:6px}.quad .editor{flex:1;min-height:0;display:flex;flex-direction:column}.couch-ed .ed-toolbar{padding:4px 6px;gap:6px}.couch-ed .roll-wrap,.couch-ed .panel-wrap,.couch-ed .mix-wrap{flex:1;min-height:0;max-height:none;overflow:auto}.couch-ed .roll-wrap{overflow:hidden}.couch-ed.view-roll .panel-wrap,.couch-ed.view-roll .mix-wrap,.couch-ed.view-panel .roll-wrap,.couch-ed.view-panel .mix-wrap,.couch-ed.view-mix .roll-wrap,.couch-ed.view-mix .panel-wrap{display:none}.couch-ed .mix-wrap{display:flex;justify-content:center;padding:6px}.couch-ed .mix-wrap .strip{width:170px}.tb-group.tabs .tb-btn{min-width:52px}.toast.in-quad{position:absolute;bottom:12px;z-index:60}body.couch-mode .overlay-layer{background:color-mix(in srgb,var(--bg) 35%,transparent)}body.couch-mode .overlay-layer.menu-layer{background:transparent}.together .row-btn{display:block;text-align:left;width:100%}.together-title{font-family:var(--font-display);font-size:16px}.together .row-btn.primary .note,.together .row-btn.navfocus .note{color:inherit;opacity:.85}.quad.remote .ed-toolbar{opacity:.55;pointer-events:none}.quad.unheard{opacity:.7}.muted-badge{color:var(--coral);font-size:12px}.join-code,.big-code{font-family:var(--font-display);font-size:40px;letter-spacing:6px;color:var(--yellow);text-align:center}.big-code{font-size:56px;margin:8px 0}.strip-btn.muted{color:var(--coral);border-color:color-mix(in srgb,var(--coral) 50%,transparent)}.game-code{color:var(--yellow)}.text-input{width:100%;box-sizing:border-box;background:var(--well);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);padding:7px 9px;font:inherit}.code-input{text-transform:uppercase;letter-spacing:4px;font-family:var(--font-display);font-size:20px}.field{display:grid;gap:4px;margin-bottom:8px;color:var(--dim)}.advanced{margin:6px 0;color:var(--dim)}.advanced summary{cursor:pointer;margin-bottom:6px}body.phone{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.phone #app{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}body.phone .topbar.rails{display:contents}body.phone .screen-host{grid-column:2;grid-row:1;min-width:0}.rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:var(--panel);overflow:auto;scrollbar-width:none}.rail-left{grid-column:1;grid-row:1;border-right:1px solid var(--line)}.rail-right{grid-column:3;grid-row:1;border-left:1px solid var(--line)}.rail-gap{flex:1;min-height:4px;min-width:4px}.rail-btn{width:52px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;color:var(--ink);border:none;border-radius:var(--r-m);padding:3px 0;font:inherit;flex:none}.rail-btn:disabled{opacity:.35}.rail-btn.on{background:var(--raise);color:var(--cyan)}.rail-btn.rec{color:var(--coral)}.rail-btn.rec.on{background:var(--coral);color:var(--accent-ink)}.rail-btn.play.on{background:var(--mint);color:var(--accent-ink)}.rail-glyph{font-size:20px;line-height:1}.rail-glyph.small{font-family:var(--font-display);font-size:15px}.rail-label{font-size:10px;color:var(--dim);letter-spacing:.02em}.rail-btn.on .rail-label,.rail-btn.rec.on .rail-label,.rail-btn.play.on .rail-label{color:inherit}.rail .timer{font-size:12px;padding:2px 4px}.rail .locked-badge{font-size:9px;writing-mode:vertical-rl}@media(orientation:portrait){body.phone #app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}body.phone .screen-host{grid-column:1;grid-row:2}body.phone .rail{flex-direction:row;padding:4px 6px}body.phone .rail-left{grid-column:1;grid-row:1;border-right:none;border-bottom:1px solid var(--line)}body.phone .rail-right{grid-column:1;grid-row:3;border-left:none;border-top:1px solid var(--line);justify-content:space-around}body.phone .rail-btn{width:46px}body.phone .rail .locked-badge{writing-mode:horizontal-tb}}body.phone .couch-ed .ed-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.phone .couch-ed .tb-btn,body.phone .tb-btn{min-height:34px}body.phone .menu-item{min-height:40px}body.phone .song-screen,body.phone .mixer{-webkit-overflow-scrolling:touch}.editor:not(.couch-ed) .mix-wrap{display:none}body.phone .couch:has(.quad.mine){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:4px;gap:4px}body.phone .couch:has(.quad.mine) .couch-cell{display:none}body.phone .couch:has(.quad.mine) .couch-cell:has(.quad.mine){display:flex;grid-row:1;grid-column:1}body.phone .couch:has(.quad.mine) .couch-strip{grid-row:2;grid-column:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.phone .tb-trackname{white-space:nowrap}.tb-tools{display:contents}@media(orientation:portrait){body.phone .couch-ed .ed-toolbar{flex-wrap:wrap;overflow-x:visible;row-gap:4px}body.phone .couch-ed .ed-toolbar .menu-btn{margin-left:auto}body.phone .couch-ed .tb-tools{display:flex;flex-basis:100%;gap:6px;overflow-x:auto;scrollbar-width:none}body.phone .couch-ed .tb-tools .tb-label{display:none}}.couch-ed .ed-toolbar .menu-btn{order:1}@media(orientation:portrait){body.phone .couch-ed .ed-toolbar .menu-btn{order:0}body.phone .couch-ed .tb-tools{order:2}}@media(orientation:portrait){body.phone .couch-ed .ed-toolbar{gap:4px;padding:4px}body.phone .couch-ed .tb-group{gap:2px}body.phone .couch-ed .tb-group.tabs .tb-btn{min-width:0;padding-left:9px;padding-right:9px}body.phone .couch-ed .tb-btn{padding-left:8px;padding-right:8px}body.phone .couch-ed .tb-tools{min-width:0;max-width:100%;justify-content:space-between}}@media(orientation:portrait){body.phone #app{width:100vw;overflow:hidden}body.phone .rail{min-width:0}body.phone .rail-btn{width:auto;flex:1 1 0;min-width:0}body.phone .rail-left .rail-gap{display:none}}body.phone .editor,body.phone .couch-ed .ed-toolbar{min-width:0}@media(orientation:portrait)and (max-width:374px){body.phone .couch-ed .tb-tools .tb-btn{padding-left:5px;padding-right:5px}body.phone .couch-ed .tb-tools{gap:3px}body.phone .couch-ed .tb-tools .tb-value{min-width:0;padding:0 3px}}body.phone .preset-bar{flex-wrap:nowrap;min-width:0}body.phone .inst-role{display:none}body.phone .inst-name{white-space:nowrap;flex:none}body.phone .preset-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.phone .preset-save{flex:none;padding-left:8px;padding-right:8px}:root{--dmd: #ffa62b}.dmd{display:inline-block;vertical-align:middle;overflow:visible}.dmd .on{fill:currentColor}.dmd .off{fill:currentColor;opacity:.13}.logo{color:var(--dmd);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--dmd) 45%,transparent))}.tagline{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:color-mix(in srgb,var(--dmd) 70%,var(--dim))}.brand{color:var(--dmd);display:flex;align-items:center;padding:4px 6px}.timer{color:var(--dmd);display:inline-flex;align-items:center}.timer.on{padding:5px 9px}.nudge-btn{background:var(--raise);color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 45%,var(--line))}.die.nudged{animation:nudge .42s ease-out}@keyframes nudge{0%{transform:translate(0) rotate(0)}20%{transform:translate(-5px) rotate(-1.5deg)}45%{transform:translate(4px) rotate(1deg)}70%{transform:translate(-2px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.die.nudged{animation:none}}.tilt-flash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--dmd);pointer-events:none}.tilt-flash .dmd{max-width:86vw;height:auto!important;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--dmd) 55%,transparent));animation:tilt-blink .22s steps(1) 5}@keyframes tilt-blink{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.tilt-flash .dmd{animation:none}}.row-btn.extra-ball{color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 45%,var(--line));font-family:var(--font-display);letter-spacing:.12em}body:not(.phone) #app{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}body:not(.phone) .topbar.rails{display:contents}body:not(.phone) .rail-screens{grid-column:1;grid-row:1 / 3;border-right:1px solid var(--line)}body:not(.phone) .topstrip{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;min-width:0}body:not(.phone) .screen-host{grid-column:2;grid-row:2;min-width:0}body:not(.phone) .rail-btn{width:60px}.rail-sep{width:70%;height:1px;background:var(--line);margin:4px 0;flex:none}body.phone .rail-screens{grid-column:3;grid-row:1;border-left:1px solid var(--line)}@media(orientation:portrait){body.phone .rail-screens{grid-column:1;grid-row:3;border-left:none;border-top:1px solid var(--line);justify-content:space-around}body.phone .rail-screens .rail-gap,body.phone .rail-screens .rail-sep{display:none}}body:not(.phone) .backbox{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}.dmd-display{display:flex;align-items:center;gap:14px;min-width:0;max-width:560px;padding:6px 14px;border-radius:var(--r-m);background:#07090f;border:1px solid #2a2016;box-shadow:inset 0 0 18px #000c,0 0 0 1px #0008;color:var(--dmd);cursor:pointer;font:inherit}.dmd-display:hover{border-color:color-mix(in srgb,var(--dmd) 40%,#2a2016)}.dmd-timer{flex:none;display:flex;align-items:center;min-width:84px;justify-content:center}.dmd-timer.hurry{color:var(--dmd)}.dmd-timer.done{color:var(--rec)}.free-play{display:flex;flex-direction:column;gap:3px;align-items:center;opacity:.8}.dmd-info{display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden;position:relative}.dmd-line{white-space:nowrap;overflow:hidden;line-height:0}.dmd-line.locked{color:var(--rec)}.backbox .transport,.backbox .chip-btn{flex:none}.rail-btn.brand{color:var(--dmd)}.dmd-info{min-width:300px}.dmd-msg{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;pointer-events:none}.dmd-msg .dmd{flex:none}.dmd-info.showing-msg .dmd-line{visibility:hidden}@media(prefers-reduced-motion:reduce){.dmd-msg .dmd{transform:none!important}}@media(max-width:1000px){.dmd-info{min-width:240px}}body:not(.phone) .editor:not(.couch-ed) .ed-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px}body:not(.phone) .editor:not(.couch-ed) .ed-toolbar>*{flex:none}.ed-toolbar .spacer{flex:1 1 0!important;min-width:0}.layout-seg .tb-btn.seg{min-width:0;padding-left:9px;padding-right:9px}.editor.layout-roll:not(.couch-ed){grid-template-rows:auto minmax(160px,1fr)}.editor.layout-roll:not(.couch-ed) .panel-wrap{display:none}.editor.layout-panel:not(.couch-ed){grid-template-rows:auto minmax(0,1fr)}.editor.layout-panel:not(.couch-ed) .roll-wrap{display:none}.editor.layout-panel:not(.couch-ed) .panel-wrap{max-height:none}@media(max-width:1150px){body:not(.phone) .editor:not(.couch-ed) .tb-label{display:none}}.lbl-short{display:none}@media(max-width:1150px){body:not(.phone) .editor:not(.couch-ed) .lbl-long{display:none}body:not(.phone) .editor:not(.couch-ed) .lbl-short{display:inline}body:not(.phone) .editor:not(.couch-ed) .ed-toolbar{gap:4px;padding-left:6px;padding-right:6px}body:not(.phone) .editor:not(.couch-ed) .tb-btn{padding-left:7px;padding-right:7px}}.cell .lamp{position:absolute;left:6px;top:6px;width:9px;height:9px;border-radius:50%;z-index:1;background:color-mix(in srgb,var(--track) 22%,#000);box-shadow:inset 0 1px 1px #0008}.cell.playing:not(.empty) .lamp{background:radial-gradient(circle at 40% 35%,#fff 0 18%,var(--track) 55%);box-shadow:0 0 6px var(--track),0 0 14px color-mix(in srgb,var(--track) 70%,transparent)}.cell.playing:not(.empty){border-left-color:color-mix(in srgb,var(--track) 70%,#fff)}.cell.queued:not(.empty) .lamp{animation:lamp-blink .5s steps(1) infinite}.cell.queued:not(.empty){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--track) 60%,transparent)}@keyframes lamp-blink{0%{background:var(--track);box-shadow:0 0 8px var(--track)}50%{background:color-mix(in srgb,var(--track) 22%,#000);box-shadow:none}}.scene-head.queued .scene-play{animation:lamp-blink .5s steps(1) infinite;--track: var(--mint)}@media(prefers-reduced-motion:reduce){.cell.queued .lamp,.scene-head.queued .scene-play{animation:none}}.add-track,.add-scene{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-radius:var(--r-m);transition:border-color var(--t-fast),color var(--t-fast),background-color var(--t-fast)}.add-track:hover,.add-scene:hover,.add-track.cursor,.add-scene.cursor{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.add-plus{font-size:28px;line-height:1;font-weight:300}.add-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.add-scene{min-height:64px;flex-direction:row;gap:8px}.add-scene .add-plus{font-size:24px}.strip.master{margin-left:0}.fx-add{flex:none;font-size:12px;padding:6px 8px;color:var(--dim);background:transparent;border:1px dashed var(--line);border-radius:var(--r-s);cursor:pointer}.fx-add:hover,.fx-add.navfocus{color:var(--accent);border-color:var(--accent)}.mixer .strip-fader{min-height:220px}.mixer .fader-track{min-height:180px}.dice-screen{padding:14px 16px 0;gap:14px;justify-content:flex-start}.dice-head .logo{margin-bottom:2px}.reels{display:grid;grid-template-columns:minmax(84px,.8fr) minmax(110px,1.1fr) minmax(84px,.8fr) minmax(90px,.85fr) minmax(130px,1.4fr) minmax(130px,1.4fr) minmax(150px,1.7fr);gap:10px;width:min(1180px,100%)}.die.reel{min-height:0;padding:10px 10px 8px;gap:6px;border-radius:14px;display:flex;flex-direction:column;text-align:center;align-items:stretch}.die.reel .die-label{text-align:center}.reel-window{flex:1;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:10px;background:linear-gradient(#0003,#0000 30% 70%,#0003),var(--well);box-shadow:inset 0 2px 6px #0009,inset 0 -2px 6px #0007;overflow:hidden}.reel .die-value{font-size:24px;line-height:1.1;overflow-wrap:anywhere}.reel-scale .die-value,.reel-swing .die-value{font-size:18px}.reel .lineup{justify-content:center}.reel .cards{width:100%}.reel .card{font-size:11px;text-align:left}.die.reel.locked{border-color:color-mix(in srgb,var(--dmd) 70%,var(--line));background:var(--panel)}.hold{align-self:center;font:700 11px var(--font-display);letter-spacing:.16em;padding:4px 14px;border-radius:999px;color:var(--dim);background:var(--raise);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--bevel-hi)}.hold.on{color:#1a0f00;background:var(--dmd);border-color:transparent;box-shadow:0 0 10px color-mix(in srgb,var(--dmd) 70%,transparent),inset 0 1px #fff6}.die-lock{display:none}.dice-foot{margin-top:auto}.dice-bar{position:sticky;bottom:0;z-index:2;width:calc(100% + 32px);margin:0 -16px;padding:10px 16px 12px;display:flex;gap:14px;align-items:stretch;justify-content:center;flex-wrap:wrap;background:linear-gradient(transparent,var(--bg) 16px);border-top:1px solid var(--line);background-color:color-mix(in srgb,var(--bg) 92%,transparent)}.dice-bar .roll-btn{padding:10px 26px;font-size:24px}.dice-bar .go-btn{padding:10px 30px;min-width:210px}.press-start{animation:press-start 1.1s steps(1) infinite;font-family:var(--font-display);letter-spacing:.08em}@keyframes press-start{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.press-start{animation:none}}@media(max-width:1100px){.reels{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-cards{grid-column:span 2}}body.phone .reels{grid-template-columns:repeat(2,minmax(0,1fr))}body.phone .reel-lineup,body.phone .reel-presets,body.phone .reel-cards{grid-column:span 2}body.phone .reel-window{min-height:64px}body.phone .dice-bar{gap:8px}body.phone .dice-bar .roll-btn,body.phone .dice-bar .go-btn{padding:8px 14px;font-size:18px;min-width:0}.dice-foot{margin-top:0;margin-bottom:auto}.dice-head{margin-top:auto}.knob-track,.knob-val{stroke-width:var(--arc-w, 4.5);stroke-dasharray:var(--arc-dash, none);stroke-linecap:var(--arc-cap, round)}.knob-cap{fill:var(--cap-fill, var(--raise));stroke:var(--cap-edge, var(--line-strong));stroke-width:var(--cap-edge-w, 1);stroke-dasharray:var(--cap-dash, none)}.knob-dot{stroke:var(--knob-dot, var(--ink));stroke-width:var(--dot-w, 2.5)}.knob:hover .knob-cap,.knob.turning .knob-cap{fill:var(--cap-hover, var(--raise-hi))}.panel .inst-name{padding:3px 10px;border-radius:var(--r-s);border:1px solid color-mix(in srgb,var(--track) 35%,transparent);background:color-mix(in srgb,var(--track) 8%,transparent);line-height:1.15}.panel.kind-drums .inst-name{background:var(--track);color:#1a0a0c;border:none;border-radius:3px;letter-spacing:.2em;box-shadow:inset 0 -2px #0003}.panel.kind-drums{--arc-w: 3.5;--arc-cap: butt;--cap-fill: #2a2a2d;--cap-edge: #000;--knob-dot: #e9e9e9}.panel-body.kitbox{padding:10px;gap:10px;background:radial-gradient(#ffffff06 1px,transparent 1.4px) 0 0 / 4px 4px,#141416;border-top-color:#333}.kb-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.kb-lcd{display:flex;align-items:stretch;gap:0;border-radius:6px;padding:3px;background:#050a05;box-shadow:inset 0 0 0 2px #000,inset 0 0 14px #000,0 1px #ffffff14}.kb-lcd button{background:transparent;border:none;color:#7dff8a;font-family:var(--font-mono);text-shadow:0 0 6px #3dff5a99}.kb-step{padding:0 10px;font-size:14px}.kb-kit{display:flex;flex-direction:column;align-items:flex-start;min-width:180px;padding:4px 10px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px)!important}.kb-lcd-small{font-size:10px;letter-spacing:.2em;opacity:.7}.kb-lcd-big{font-size:22px;letter-spacing:.12em;font-weight:700}.kb-master{display:flex;gap:6px 10px;align-items:flex-end;flex-wrap:wrap}.kb-master .knob:nth-child(-n+2) .knob-label{color:#ffcf4a;opacity:1}.kb-strips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.kb-strip{--cap: #e8644f;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0 3px 5px;border-radius:8px;background:linear-gradient(180deg,#232326,#19191b);box-shadow:inset 0 1px #ffffff12,0 2px 3px #0008}.kb-strip.c0,.kb-drawer.c0{--cap: #ef5a4a}.kb-strip.c1,.kb-drawer.c1{--cap: #f29a3a}.kb-strip.c2,.kb-drawer.c2{--cap: #f0cf47}.kb-strip.c3,.kb-drawer.c3{--cap: #8fd14f}.kb-strip.c4,.kb-drawer.c4{--cap: #47c9a8}.kb-strip.c5,.kb-drawer.c5{--cap: #4fa3ea}.kb-strip.c6,.kb-drawer.c6{--cap: #a387ef}.kb-strip.c7,.kb-drawer.c7{--cap: #ee7cb8}.kb-strip.sel{box-shadow:inset 0 0 0 2px var(--cap),0 2px 3px #0008}.kb-strip .pad{width:100%;min-height:40px;border-radius:8px 8px 4px 4px;padding:4px 6px;border:none;color:#111;background:linear-gradient(180deg,color-mix(in srgb,var(--cap) 88%,#fff),color-mix(in srgb,var(--cap) 80%,#000));box-shadow:inset 0 -2px #0004}.kb-strip .pad.selected{filter:brightness(1.15)}.kb-strip .pad-num{color:#0009;font-weight:800}.kb-strip .pad-label{color:#111;font-weight:800;font-size:12px;text-transform:uppercase}.kb-sound{width:100%;padding:3px 2px;font:600 10px var(--font-mono);color:#7dff8a;background:#050a05;border:1px solid #000;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-knobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;width:100%}.kb-strip .knob{width:auto}.kb-strip .knob-val{stroke:var(--cap)}.kb-more{width:100%;padding:3px 0;font:700 10px var(--font-display);letter-spacing:.12em;background:#0006;border:1px solid #0008;color:#bbb;border-radius:4px}.kb-more.on{color:#111;background:var(--cap, #888)}.kb-strip .kb-more.on{background:var(--cap)}.kb-drawer{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-radius:8px;background:#1f1f22;border-left:4px solid var(--cap)}.kb-drawer-title{font:800 12px var(--font-display);letter-spacing:.1em;color:var(--cap);text-transform:uppercase;min-width:90px}@media(max-width:1100px){.kb-strips{grid-template-columns:repeat(4,minmax(0,1fr))}}body.phone .kb-strips{grid-template-columns:repeat(4,minmax(0,1fr))}body.phone .kb-top{justify-content:center}body.phone .kb-kit{min-width:140px}.panel.kind-analog .inst-name{color:#2a1607;border:none;border-radius:4px;padding:3px 18px;background:radial-gradient(circle at 7px 50%,#0006 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 7px) 50%,#0006 0 2px,transparent 2.5px),repeating-linear-gradient(90deg,#ffffff14 0 1px,transparent 1px 3px),var(--track)}.panel.kind-analog{--cap-fill: #f1efe8;--cap-edge: #0005;--cap-edge-w: 1;--knob-dot: #1b1b1b;--arc-w: 3}.panel-body.thumplab{display:flex;flex-direction:row;gap:10px;align-items:stretch;padding:10px;background:#1d1d20}.tl-rack{flex:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0}.tl-mod{--mod: #e8644f;display:flex;flex-direction:column;gap:4px;padding:5px 4px 4px;border-radius:8px;min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--mod) 92%,#fff),color-mix(in srgb,var(--mod) 78%,#000));box-shadow:inset 0 1px #fff5,inset 0 -2px #0003,0 2px 4px #0006;color:#141414}.tl-mod.m0{--mod: #e8644f}.tl-mod.m1{--mod: #f09a3c}.tl-mod.m2{--mod: #e9c946}.tl-mod.m3{--mod: #9bcf54}.tl-mod.m4{--mod: #4fc2a6}.tl-mod.m5{--mod: #57a6e3}.tl-mod.m6{--mod: #9b82e0}.tl-mod.m7{--mod: #e27bb4}.tl-mod.sel{outline:2px solid #fff;outline-offset:1px}.tl-mod .pad{width:auto;min-height:44px;padding:4px 6px;background:#0000002a;border:1px solid #0003;color:#111;border-radius:6px;box-shadow:inset 0 1px 2px #0004}.tl-mod .pad.selected{background:#fff9}.tl-mod .pad-num{color:#0008;font-weight:800}.tl-mod .pad-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#111}.tl-knobs,.tl-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:0 2px}.tl-foot{margin-top:auto;padding-top:4px;border-top:1px dashed #0004}.tl-mod .knob{width:auto}.panel .tl-mod .knob-label{color:#121212;opacity:1;font-weight:700;font-size:10px;letter-spacing:.02em}.panel .tl-mod .knob-value{color:#222;opacity:.85;font-size:10px}.panel .tl-mod .knob-track{stroke:#0000002a}.panel .tl-mod .knob-val{stroke:#161616}.tl-mod .switch{min-width:0;padding:4px;background:#1c1c1c;color:#fff;grid-column:1 / -1}.tl-master{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-left:1px solid #fff2;min-width:86px}.tl-logo{font:900 14px/1.05 var(--font-display);letter-spacing:.18em;text-align:center;color:#f1efe8}.tl-master .knob-label{color:#f1efe8}.tl-master .knob:first-of-type .knob-label{color:#ffcf4a}@media(max-width:1100px){.tl-rack{grid-template-columns:repeat(4,minmax(0,1fr))}}body.phone .panel-body.thumplab{flex-direction:column;padding:8px}body.phone .tl-rack{grid-template-columns:repeat(2,minmax(0,1fr))}body.phone .tl-knobs{grid-template-columns:repeat(3,minmax(0,1fr))}body.phone .tl-master{flex-direction:row;border-left:none;border-top:1px solid #fff2;padding-top:8px}.panel.kind-acid .inst-name{font-family:var(--font-mono);background:#0d1306;color:var(--track);border:1px solid color-mix(in srgb,var(--track) 45%,#000);box-shadow:inset 0 0 8px #000a;text-shadow:0 0 6px color-mix(in srgb,var(--track) 60%,transparent)}.panel.kind-acid{--arc-w: 2.5;--cap-fill: #1b1b1d;--cap-edge: #000;--cap-edge-w: 1.4;--knob-dot: #e8322c;--dot-w: 3}.panel-body.squelch{padding:0;overflow:hidden;border-top-color:#9aa0a6}.sq-plate{position:relative;padding:10px 16px 8px;color:#141414;background:repeating-linear-gradient(90deg,#ffffff10 0 1px,#00000008 1px 2px,transparent 2px 4px),linear-gradient(180deg,#d9dcdf,#b9bdc2 55%,#a9adb2);box-shadow:inset 0 1px #fff8,inset 0 -1px #0004}.sq-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sq-logo{font:800 15px var(--font-display);letter-spacing:.38em;color:#1a1a1a;text-shadow:0 1px 0 #fff9}.sq-accent{display:inline-flex;align-items:center;gap:6px;font:700 10px var(--font-display);letter-spacing:.14em;color:#2a2a2a}.sq-led{width:9px;height:9px;border-radius:50%;border:1px solid #400;background:color-mix(in srgb,#ff2a1a calc(var(--glow) * 100%),#4a0d0a);box-shadow:0 0 calc(var(--glow) * 10px) #ff3a2a}.sq-row{align-items:flex-end;gap:6px 10px;flex-wrap:wrap}.panel .sq-plate .knob-label{color:#161616;opacity:1;font-weight:700;text-shadow:0 1px 0 #fff8}.panel .sq-plate .knob-value{color:#3a3a3a}.panel .sq-plate .switch{background:linear-gradient(180deg,#2b2b2e,#161618);border-color:#000;box-shadow:inset 0 1px #ffffff1c,0 1px #fff7}.panel .sq-plate .switch-label{color:#d8d8d8;opacity:1}.panel .sq-plate .switch-value{color:#ff4a3c}.panel .sq-plate .knob-track{stroke:#0000002e}.panel .sq-plate .knob-val{stroke:#c4241e}.sq-char{display:flex;gap:8px;padding:4px 8px 2px;border-radius:10px;background:#00000012;box-shadow:inset 0 1px 2px #0003,0 1px #fff6}.panel .sq-char .knob-label{color:#8f1612}.sq-lid{display:block;width:100%;margin-top:8px;padding:4px;font:700 11px var(--font-display);letter-spacing:.2em;color:#1d1d1d;background:linear-gradient(180deg,#c7cbcf,#a9adb2);border:1px solid #0003;border-radius:6px;box-shadow:inset 0 1px #fff8}.sq-lid.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.sq-on{color:#c4241e}.sq-arp{padding:8px 12px;background:#00000016;border:1px solid #0003;border-top:none;border-radius:0 0 6px 6px;gap:12px}.panel.kind-wobble .inst-name{border-radius:999px;background:transparent;border:2px solid var(--track);box-shadow:0 0 10px color-mix(in srgb,var(--track) 45%,transparent),inset 0 0 8px color-mix(in srgb,var(--track) 30%,transparent)}.panel.kind-wobble{--cap-edge: var(--track);--cap-edge-w: 1.5;--cap-fill: #1f1428}.panel.kind-poly .inst-name{border-radius:999px;background:color-mix(in srgb,var(--track) 18%,transparent);border-color:transparent}.panel.kind-poly{--cap-fill: #e7e2d6;--cap-hover: #f4f0e6;--cap-edge: #0004;--knob-dot: #1d2640}.panel-body.chordette{background:linear-gradient(180deg,#b9b3a7,#a49e92);border-top-color:#6b665c;color:#2a2620}.cd-face{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}.cd-left{display:flex;flex-direction:column;gap:6px;min-width:260px;flex:1 1 260px;max-width:420px}.cd-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:4px}.cd-cat{padding:5px 4px;font:700 10px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#3a352c;background:linear-gradient(180deg,#d9d3c6,#c4bdaf);border:1px solid #0003;border-radius:3px;box-shadow:inset 0 1px #fff8,0 1px #0002}.cd-cat.on{color:#f3efe6;background:linear-gradient(180deg,#3d6f74,#2c5559);box-shadow:inset 0 1px 2px #0005}.cd-lcd{display:flex;flex-direction:column;min-height:132px;padding:6px 4px;border-radius:4px;overflow-y:auto;max-height:170px;background:linear-gradient(180deg,#12383b,#0d2c2f);box-shadow:inset 0 0 0 2px #0a1d1f,inset 0 0 18px #000a}.cd-row{text-align:left;padding:2px 8px;border:none;background:transparent;font:600 13px var(--font-mono);color:#74e3d6;white-space:pre;border-radius:2px}.cd-row:hover{background:#ffffff10}.cd-row.on{background:#74e3d6;color:#0d2c2f}.cd-knobs{display:flex;gap:6px 10px;align-items:flex-end;flex-wrap:wrap;flex:2 1 380px}.cd-char{display:flex;gap:8px;padding:4px 8px 2px;border-radius:8px;background:#0000001a;box-shadow:inset 0 1px 2px #0003,0 1px #fff5}.panel-body.chordette .knob-label{color:#2a2620;opacity:1;font-weight:700}.panel-body.chordette .knob-value{color:#4a443a}.panel-body.chordette .cd-char .knob-label{color:#2c5559}.panel-body.chordette .knob-val{stroke:#2c5559}.panel-body.chordette .knob-track{stroke:#0000002a}.panel-body.chordette .switch{background:linear-gradient(180deg,#d9d3c6,#c4bdaf);color:#2a2620;border-color:#0003}.panel.kind-pad .inst-name{border:none;background:linear-gradient(90deg,color-mix(in srgb,var(--track) 30%,transparent),transparent);border-radius:var(--r-m) 0 0 var(--r-m)}.panel.kind-pad{--cap-fill: color-mix(in srgb, var(--track) 16%, var(--raise));--cap-edge: color-mix(in srgb, var(--track) 35%, transparent);--arc-w: 3.5}.panel.kind-lead .inst-name{transform:skew(-12deg);border-radius:2px;background:color-mix(in srgb,var(--track) 14%,transparent);border-left:4px solid var(--track)}.panel.kind-lead{--dot-w: 1.6;--knob-dot: var(--track);--arc-w: 3.5}.panel.kind-chip .inst-name{font-family:var(--font-mono);border-radius:0;border:none;background:color-mix(in srgb,var(--track) 14%,transparent);box-shadow:0 0 0 2px var(--track),4px 4px color-mix(in srgb,var(--track) 40%,#000)}.panel.kind-chip{--arc-dash: 2.4 1.6;--arc-cap: butt;--arc-w: 5;--cap-fill: #1b1838}.panel.kind-fm .inst-name{background:linear-gradient(180deg,#ffffff12,transparent 60%),color-mix(in srgb,var(--track) 10%,transparent);border:1px solid color-mix(in srgb,var(--track) 60%,transparent);letter-spacing:.18em;font-weight:600}.panel.kind-fm{--arc-w: 2.5;--cap-edge: color-mix(in srgb, var(--track) 70%, transparent);--cap-fill: #23252a}.panel.kind-wave .inst-name{background:linear-gradient(110deg,color-mix(in srgb,var(--track) 26%,transparent) 50%,transparent 50%);border-color:color-mix(in srgb,var(--track) 50%,transparent)}.panel.kind-wave{--arc-dash: .1 3.4;--arc-w: 4.5;--cap-fill: #14241a}.panel.kind-sampler .inst-name{background:#e8e4d8;color:#222;border:none;border-radius:2px;transform:rotate(-1.2deg);box-shadow:0 2px 4px #0006;letter-spacing:.1em}.panel.kind-sampler{--cap-edge: #000;--cap-edge-w: 2;--cap-fill: #2b3040}body:not(.phone) #app{display:flex;flex-direction:column}body:not(.phone) .topbar.deskbar{display:flex;align-items:center;gap:10px;padding:6px 10px;flex-wrap:nowrap;min-width:0;background:var(--panel);border-bottom:1px solid var(--line)}.tilt-logo{flex:none;background:none;border:none;box-shadow:none;padding:4px 6px;color:var(--dmd);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--dmd) 35%,transparent))}.tilt-logo:hover:not(:disabled){background:var(--raise)}.dmd-wrap{flex:0 1 auto;min-width:0;display:flex;align-items:stretch;border-radius:var(--r-m);background:#07090f;border:1px solid #2a2016;box-shadow:inset 0 0 18px #000c,0 0 0 1px #0008}.dmd-wrap .dmd-display{background:transparent;border:none;box-shadow:none;min-width:0;flex:1 1 auto}.dmd-bulb{flex:none;background:transparent;border:none;border-left:1px solid #2a2016;border-radius:0 var(--r-m) var(--r-m) 0;box-shadow:none;padding:0 10px;font-size:18px;filter:saturate(.7)}.dmd-bulb:hover:not(:disabled){background:#1a1308;filter:none drop-shadow(0 0 6px var(--dmd))}.scr-seg{flex:none;display:flex;gap:2px;padding:3px;background:var(--well);border-radius:calc(var(--r-m) + 3px)}.scr-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:58px;padding:4px 10px;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--ink)}.scr-glyph{font-size:16px;line-height:1}.scr-label{font:700 10px var(--font-display);letter-spacing:.14em;color:var(--dim)}.scr-tab:hover:not(:disabled):not(.on){background:var(--raise)}.scr-tab:hover:not(:disabled):not(.on) .scr-label{color:var(--ink)}button.scr-tab.on,button.scr-tab.on:hover:not(:disabled),button.scr-tab.on:focus-visible{background:color-mix(in srgb,var(--dmd) 20%,var(--raise));color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 65%,transparent);filter:none;box-shadow:0 0 10px color-mix(in srgb,var(--dmd) 35%,transparent),inset 0 0 8px color-mix(in srgb,var(--dmd) 22%,transparent)}button.scr-tab.on .scr-label{color:var(--dmd)}.deskbar .transport,.deskbar .chip-btn{flex:none}@media(max-width:1000px){body:not(.phone) .topbar.deskbar{gap:6px;padding:5px 6px}.dmd-info{min-width:120px}.dmd-timer{min-width:64px}.scr-tab{min-width:48px;padding:4px 7px}.deskbar .mode-label{display:none}}button.rail-btn.on,button.rail-btn.on:hover:not(:disabled){background:color-mix(in srgb,var(--dmd) 18%,var(--raise));color:var(--dmd);border-color:transparent;filter:none}button.rail-btn.on .rail-label,button.rail-btn.on:hover:not(:disabled) .rail-label{color:var(--dmd)}button.rail-btn.rec.on,button.rail-btn.rec.on:hover:not(:disabled){background:var(--coral);color:var(--accent-ink)}button.rail-btn.play.on,button.rail-btn.play.on:hover:not(:disabled){background:var(--mint);color:var(--accent-ink)}button.rail-btn.rec.on .rail-label,button.rail-btn.play.on .rail-label{color:var(--accent-ink)}@media(max-width:999px){body:not(.phone) .editor:not(.couch-ed) .ed-toolbar{flex-wrap:wrap;overflow-x:visible;row-gap:5px}body:not(.phone) .editor:not(.couch-ed) .ed-toolbar .spacer{display:none}}.key.lit{background:var(--track);color:var(--key-ink);box-shadow:inset 0 -1px #0002,0 0 12px color-mix(in srgb,var(--track) 45%,transparent)}.key.black.lit{background:color-mix(in srgb,var(--track) 80%,#000);color:var(--ink)}.pad.lit{background:var(--track);color:var(--key-ink);box-shadow:0 0 14px color-mix(in srgb,var(--track) 50%,transparent)}.reel-value{background:transparent;border:none;box-shadow:none;padding:4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink);border-radius:var(--r-s)}.reel-value:hover:not(:disabled){background:#ffffff0c}.reel-step{display:flex;gap:6px}.step-btn{min-width:30px;padding:2px 8px;font-weight:800}.count-btn{font:700 13px var(--font-display);letter-spacing:.06em;padding:4px 10px;color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 40%,var(--line))}.slots{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.chip.slot{cursor:pointer;font:inherit;font-size:12px;padding:3px 8px}.chip.slot.surprise{opacity:.78;border-style:dashed}.chip.slot .q{color:var(--dmd);font-weight:900;margin-right:4px}.chip.slot.chosen{box-shadow:0 0 0 1px color-mix(in srgb,var(--dmd) 55%,transparent)}.hold.part{color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 50%,var(--line));background:color-mix(in srgb,var(--dmd) 10%,var(--raise))}.link-btn{background:none;border:none;box-shadow:none;padding:2px 4px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:12px;text-transform:none;letter-spacing:0}.link-btn:hover:not(:disabled){background:none;color:var(--ink)}.dice-foot.minor{margin:-6px 0 6px}.dice-bar .spacer{flex:1}.dice-bar .continue{align-self:center}.go-btn{font-family:var(--font-display);letter-spacing:.06em}.reels{grid-template-columns:minmax(84px,.8fr) minmax(110px,1.1fr) minmax(96px,.9fr) minmax(96px,.9fr) minmax(170px,1.7fr) minmax(170px,1.7fr)}.reels:has(.reel-cards){grid-template-columns:minmax(84px,.8fr) minmax(110px,1.1fr) minmax(96px,.9fr) minmax(96px,.9fr) minmax(160px,1.6fr) minmax(160px,1.6fr) minmax(150px,1.5fr)}.die-value.small{font-size:16px;color:var(--dim)}.preset-nudge{font:700 11px var(--font-display);letter-spacing:.1em;color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 45%,var(--line));padding:6px 10px}.preset-mutate{font:700 11px var(--font-display);letter-spacing:.1em;color:var(--accent, var(--dmd));padding:6px 10px}.switch-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-weight:700}.switch-row.on{border-color:var(--dmd);color:var(--dmd)}.game-list{margin:0 0 6px 18px;padding:0}@media(max-width:1000px){.reels,.reels:has(.reel-cards){grid-template-columns:repeat(4,minmax(0,1fr))}.reel-lineup,.reel-presets{grid-column:span 2}}@media(min-width:1500px){.reels{width:min(1480px,100%)}.dice-bar{padding-inline:max(16px,calc((100% - 1480px)/2))}.reel-window{min-height:clamp(160px,calc(100vh - 720px),320px)}.reel .die-value{font-size:34px}.reel-scale .die-value,.reel-swing .die-value{font-size:22px}.chip.slot{font-size:13px;padding:4px 10px}}body.phone .dice-bar{display:grid;grid-template-columns:1fr 1.5fr;gap:6px 8px;padding:8px 12px}body.phone .dice-bar .nudge-btn{grid-column:1;grid-row:1;padding:6px 10px}body.phone .dice-bar .nudge-btn small{display:none}body.phone .dice-bar .go-btn{grid-column:2;grid-row:1}body.phone .dice-bar .spacer{display:none}body.phone .dice-bar .timer-pick{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}body.phone .dice-bar .timer-pick .seg-btn{padding:4px 9px}body.phone .dice-bar .continue{grid-column:1 / -1;justify-self:center;padding:3px 12px}.corner-sub.code-btn{background:none;border:none;box-shadow:none;padding:1px 0;text-align:left;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0}.corner-sub.code-btn:hover:not(:disabled){background:none;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.share-block{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s)}.share-block.main{border-color:color-mix(in srgb,var(--dmd) 45%,var(--line))}.share-code{font:700 20px var(--font-mono);color:var(--dmd);letter-spacing:.06em;overflow-wrap:anywhere;user-select:all}.share-block:not(.main) .share-code{font-size:15px;color:var(--dim)}.share-btns{display:flex;flex-wrap:wrap;gap:6px}.lib-code{font-family:var(--font-mono)}.mode-wrap{display:flex;gap:3px;align-items:stretch}.mode-seg{display:flex;padding:2px;gap:2px;background:#0006;border-radius:calc(var(--r-m) + 1px)}.mode-tab{font:700 11px var(--font-display);letter-spacing:.1em;padding:4px 9px;min-width:0;color:var(--dim);background:transparent;border-color:transparent;box-shadow:none}.mode-tab.on,button.mode-tab.on:hover:not(:disabled){color:#1a0f00;background:var(--dmd);border-color:transparent;box-shadow:0 0 10px color-mix(in srgb,var(--dmd) 55%,transparent)}.loop-btn.on{color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 55%,var(--line))}.help-btn{font-weight:800;min-width:32px}.rail-btn.mode-rail.song .rail-glyph{color:var(--dmd)}.scene-head.tinted{box-shadow:inset 4px 0 0 var(--scene)}.scene-head.tinted .sh-name{color:color-mix(in srgb,var(--scene) 55%,var(--ink))}.scene-head.tinted.playing{box-shadow:inset 4px 0 0 var(--scene),inset 7px 0 0 var(--mint)}.sh-name{background:none;border:none;box-shadow:none;padding:0;text-align:left;text-transform:none;letter-spacing:0;font-size:inherit;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sh-name:hover:not(:disabled){background:none;text-decoration:underline;text-underline-offset:3px}.sh-text{min-width:0}.sh-grip{cursor:grab;color:var(--dim);font-size:13px;letter-spacing:-3px;padding:4px 2px;user-select:none;touch-action:none;opacity:.55}.scene-head:hover .sh-grip{opacity:1}.scene-play.from{color:var(--dmd)}.scene-head.dragging{opacity:.45}.scene-head.drop-above{box-shadow:inset 0 3px 0 var(--accent)!important}.scene-head.drop-below{box-shadow:inset 0 -3px 0 var(--accent)!important}.scene-head.held,.cell.held,.track-head.held{outline:2px solid var(--accent);outline-offset:2px;transform:scale(.98);transition:transform var(--t-fast)}.menu-swatch{width:10px;height:10px;border-radius:3px;flex:none}body.phone .song-grid{gap:4px}body.phone .song-grid>*{min-height:52px}body.phone .song-grid>.corner,body.phone .song-grid>.scene-head,body.phone .song-grid>.add-scene{position:sticky;left:0;z-index:2}body.phone .song-grid>.corner,body.phone .song-grid>.scene-head{background:var(--panel);box-shadow:-16px 0 0 var(--bg),6px 0 8px -4px #0009}body.phone .song-grid>.scene-head.tinted{box-shadow:inset 4px 0 0 var(--scene),-16px 0 0 var(--bg),6px 0 8px -4px #0009}body.phone .song-grid>.add-scene{background:var(--bg);box-shadow:-16px 0 0 var(--bg)}body.phone .scene-head{gap:4px;padding:4px}body.phone .scene-play{width:28px;height:28px;font-size:12px}body.phone .sh-name{font-size:12px;white-space:normal;line-height:1.15}body.phone .sh-meta{font-size:10px;min-height:0}body.phone .corner{padding:6px}body.phone .corner .song-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.phone .song-grid .cell,body.phone .song-grid .scene-head,body.phone .song-grid .track-head{-webkit-touch-callout:none;user-select:none}.menu.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:100%;min-width:0;max-height:72vh;border-radius:16px 16px 0 0;padding:8px 8px calc(10px + env(safe-area-inset-bottom));animation:sheet-up .16s ease-out}.menu.sheet .menu-title{text-align:center}.menu.sheet .menu-item{min-height:46px;font-size:15px}.menu-layer:has(.menu.sheet){background:#0007}@keyframes sheet-up{0%{transform:translateY(30%);opacity:.4}}@media(prefers-reduced-motion:reduce){.menu.sheet{animation:none}}.coach-spot{position:fixed;z-index:40;pointer-events:none;border-radius:12px;display:none;box-shadow:0 0 0 3px var(--dmd),0 0 22px 4px color-mix(in srgb,var(--dmd) 55%,transparent),0 0 0 9999px #0005;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease;animation:coach-glow 1.4s ease-in-out infinite}@keyframes coach-glow{50%{box-shadow:0 0 0 3px var(--dmd),0 0 34px 8px color-mix(in srgb,var(--dmd) 40%,transparent),0 0 0 9999px #0005}}@media(prefers-reduced-motion:reduce){.coach-spot{animation:none;transition:none}}.coach-card,.coach-offer{position:fixed;z-index:45;left:16px;bottom:16px;width:min(330px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,var(--dmd) 45%,var(--line));box-shadow:0 12px 34px var(--shadow);backdrop-filter:blur(6px)}.coach-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.coach-badge{font:700 11px var(--font-display);letter-spacing:.12em;color:var(--dmd)}.coach-dots{display:flex;gap:4px}.coach-dot{width:7px;height:7px;border-radius:50%;background:var(--line)}.coach-dot.done{background:color-mix(in srgb,var(--dmd) 55%,var(--line))}.coach-dot.now{background:var(--dmd);box-shadow:0 0 6px var(--dmd)}.coach-do{margin-top:8px;font:800 15px var(--font-display);letter-spacing:.04em;color:var(--dmd)}.coach-text{margin:6px 0 10px;font-size:13px;line-height:1.4;color:var(--ink)}.coach-btns{display:flex;gap:8px;justify-content:flex-end}.coach-list{margin:8px 0 10px 18px;padding:0;font-size:13px;line-height:1.45}.coach-offer-title{font:800 17px var(--font-display);margin-top:4px}.dmd-scroll{overflow:hidden;white-space:nowrap}body.phone .coach-card,body.phone .coach-offer{bottom:calc(76px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto}.coach-card.at-top{top:72px;bottom:auto}body.phone .coach-card.at-top{top:calc(70px + env(safe-area-inset-top));bottom:auto}.rail-btn.mode-rail{flex-direction:column;gap:3px;justify-content:center}.mode-mini{font:700 9px var(--font-display);letter-spacing:.08em;padding:2px 5px;border-radius:4px;color:var(--dim);line-height:1.1}.mode-mini.on{background:var(--dmd);color:#1a0f00;box-shadow:0 0 8px color-mix(in srgb,var(--dmd) 55%,transparent)}.rail-btn.loop-rail.on .rail-glyph{color:var(--dmd)}.rail-btn.loop-rail:not(.on) .rail-glyph{opacity:.45}.carry-bar{position:sticky;top:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px 12px;border-radius:var(--r-m);background:color-mix(in srgb,var(--yellow) 16%,var(--panel));border:1px dashed var(--yellow);font-size:13px}.help-tabs{display:flex;gap:4px;padding:3px;background:var(--well);border-radius:calc(var(--r-m) + 3px)}.help-tab{flex:1;font:700 12px var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:transparent;border-color:transparent;box-shadow:none;color:var(--dim)}.help-tab.on,button.help-tab.on:hover:not(:disabled){background:var(--dmd);color:#1a0f00;border-color:transparent}.help-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.chip-tab{padding:4px 12px;border-radius:999px;font-size:12px}.chip-tab.on,button.chip-tab.on:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,var(--raise));border-color:var(--accent);color:var(--ink)}.help-page{min-height:300px}.help-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.about-logo{display:flex;justify-content:center;margin:6px 0 10px;color:var(--dmd);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--dmd) 40%,transparent))}body.phone .help tr{display:block;padding:6px 0;border-bottom:1px solid var(--line)}body.phone .help td{display:block;padding:0;border:none}body.phone .help td:first-child{font-weight:700;color:var(--accent);margin-bottom:2px}@media(prefers-contrast:more){:root{--roll-inkey: #26334f;--roll-outkey: #05070d;--roll-hatch: #ffffff40;--roll-key-out-ink: #8a93ab;--roll-key-in: #2c3956}}.outkey-btn{color:var(--roll-warn);border:1px dashed color-mix(in srgb,var(--roll-warn) 70%,transparent)}.outkey-btn .outkey-mark{font-weight:900}.key.inkey:not(.black){background:var(--key-white);box-shadow:inset 0 -3px #0002,inset 0 3px color-mix(in srgb,var(--track) 70%,transparent)}.key.inkey.black{background:color-mix(in srgb,var(--track) 30%,var(--key-black));color:var(--ink)}.key.outkey{opacity:.6;background-image:repeating-linear-gradient(135deg,transparent 0 4px,#0000002e 4px 6px)}.key.outkey.black{background-image:repeating-linear-gradient(135deg,transparent 0 4px,#ffffff1a 4px 6px)}.key.root span{font-weight:800}.key{position:relative}.root-dot{position:absolute;top:7px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--track);box-shadow:0 0 0 2px #0003}.key.down .root-dot,.key.lit .root-dot{background:var(--key-ink)}.key.outkey.down,.key.outkey.lit{opacity:1}.corner-share{display:block;margin-top:4px;padding:2px 8px;font-size:11px;text-transform:none;letter-spacing:0;color:var(--accent)}.share-code.big{font-size:26px;letter-spacing:.08em}.share-qr{display:flex;justify-content:center}.share-qr svg{width:180px;height:180px;border-radius:8px}.share-link{font-family:var(--font-mono);font-size:12px;color:var(--dim);overflow-wrap:anywhere;user-select:all}.share-versions{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:8px}.share-version{display:flex;align-items:center;gap:10px}.share-version code{font-family:var(--font-mono);color:var(--dmd)}.share-version .note{flex:1;margin:0}.note.warn{color:var(--roll-warn)}.share-wait{animation:pulse 1.2s ease-in-out infinite}.lib-shared{color:var(--dmd)}.chain-strip{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;border-radius:var(--r-m);background:var(--panel);border:1px solid var(--line);position:sticky;left:0;top:0;z-index:5}.chain-label{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:4px 10px;background:none;border:none;box-shadow:none;flex:none}.chain-label span{font:700 12px var(--font-display);letter-spacing:.14em;color:var(--dmd)}.chain-label small{font-size:10px;color:var(--dim);text-transform:none;letter-spacing:0}.chain-chips{display:flex;gap:6px;overflow-x:auto;flex:1;padding:3px 2px;scrollbar-width:thin}.chain-chip{position:relative;display:flex;align-items:center;gap:6px;flex:none;padding:6px 10px 8px;border-radius:8px;overflow:hidden;text-transform:none;letter-spacing:0;font-size:13px;cursor:grab;touch-action:pan-x;user-select:none;-webkit-touch-callout:none}.chain-chip.tinted{box-shadow:inset 3px 0 0 var(--scene)}.chain-chip.tinted .chip-name{color:color-mix(in srgb,var(--scene) 55%,var(--ink))}.chip-num{font:700 11px var(--font-mono);color:var(--dim)}.chip-rep{font:700 11px var(--font-mono);color:var(--dmd)}.chip-progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--mint)}.chain-chip.playing{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 12%,var(--raise))}.chain-chip.dragging{opacity:.45}.chain-chip.drop-before{box-shadow:inset 3px 0 0 var(--accent)!important}.chain-chip.drop-after{box-shadow:inset -3px 0 0 var(--accent)!important}.chain-chip.held{outline:2px solid var(--accent);outline-offset:2px}.chain-strip .cursor{outline:2px solid var(--focus);outline-offset:2px}.chain-add{flex:none;min-width:34px;font-weight:800;border-style:dashed}body.phone .chain-strip{padding:4px 6px;gap:4px}body.phone .chain-label{padding:2px 4px}body.phone .chain-chip{padding:6px 8px 8px}.coach-links{display:flex;gap:10px;margin:-4px 0 8px}.coach-ready small{opacity:.7;font-weight:600;margin-left:4px}.coach-card.explore{border-color:color-mix(in srgb,var(--mint) 55%,var(--line))}.tp-btn.share-btn{font-size:13px;font-weight:700;padding-inline:10px}@media(max-width:1100px){.tp-btn.share-btn .share-label{display:none}}.shared-title{font:800 22px var(--font-display)}.play-big{font-size:20px;padding:14px}.len-btn{white-space:nowrap}.len-btn.own{color:var(--dmd);border-color:color-mix(in srgb,var(--dmd) 55%,var(--line))}.len-btn .len-note{opacity:.8}.xy-wrap{display:flex;flex-direction:column;gap:6px}.xy-pad{position:relative;height:230px;border-radius:var(--r-m);cursor:crosshair;touch-action:none;background:radial-gradient(circle at 30% 70%,color-mix(in srgb,var(--track) 14%,transparent),transparent 70%),var(--well);background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:25% 25%;border:1px solid color-mix(in srgb,var(--track) 40%,var(--line))}.xy-pad.navfocus,.xy-pad:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.xy-dot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--track);box-shadow:0 0 16px var(--track),0 0 0 3px #0006;pointer-events:none;transition:left 40ms linear,top 40ms linear}.xy-pad.active .xy-dot{transition:none;transform:scale(1.15)}.xy-axis{position:absolute;font:700 10px var(--font-display);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.xy-axis.x{right:10px;bottom:6px}.xy-axis.y{left:6px;top:10px;writing-mode:vertical-rl;transform:rotate(180deg)}.xy-readout{font-family:var(--font-mono);font-size:12px;color:var(--dim)}body.phone .xy-pad{height:280px}.knob.fader{width:46px;cursor:ns-resize}.fader-svg{width:30px;height:120px}.fader-slot{fill:var(--fader-slot, #0006)}.fader-fill{fill:var(--fader-fill, var(--track));opacity:.55}.fader-cap{fill:var(--fader-cap, #ddd);stroke:#0008;stroke-width:1}.knob.fader.turning .fader-cap{filter:brightness(1.2)}.panel-body.razor{padding:0;overflow:hidden;border-top-color:#2b5fa8}.rz-plate{display:flex;gap:18px;align-items:stretch;padding:10px 16px;flex-wrap:wrap;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 3px),linear-gradient(180deg,#24508f,#173a6b);box-shadow:inset 0 1px #ffffff30}.rz-logo{display:flex;flex-direction:column;justify-content:center;font:900 20px/1 var(--font-display);letter-spacing:.14em;color:#e8f1ff;font-stretch:condensed}.rz-logo span{font-size:9px;letter-spacing:.3em;opacity:.7;margin-top:4px}.rz-faders{display:flex;gap:14px;flex-wrap:wrap;flex:1;justify-content:space-around}.rz-group{display:flex;gap:6px;padding:4px 6px;border-radius:8px;background:#0000002a;box-shadow:inset 0 1px 3px #0005}.panel-body.razor .knob-label{color:#dce8ff;opacity:1;font-weight:700;font-size:10px;letter-spacing:.06em;font-stretch:condensed}.panel-body.razor .knob-value{color:#a9c3ee}.panel-body.razor .rz-group.char .knob-label{color:#7fe7ff}.panel-body.razor{--fader-slot: #08162b;--fader-fill: #4fc9ff;--fader-cap: #dfe6ef}.panel-body.razor .rz-group.char{--fader-fill: #7fe7ff}.panel-body.razor .fader-cap{filter:drop-shadow(0 0 4px #4fc9ffaa)}body.phone .rz-faders{gap:6px}body.phone .rz-group{gap:0;padding:4px 2px}body.phone .panel-body.razor .knob.fader{width:38px}.panel-body.wobbler{padding:0;overflow:hidden;border-top-color:#39ff7a}.wb-face{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:repeating-linear-gradient(45deg,#1b1d1f 0 4px,#141517 4px 8px),#151618;box-shadow:inset 0 0 0 1px #39ff7a55,inset 0 0 24px #39ff7a22}.wb-side{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:220px}.wb-hero{display:flex;flex-direction:column;align-items:center;gap:8px}.wb-dial{position:relative;width:150px;height:150px;display:grid;place-items:center}.wb-dial .knob .knob-svg{width:104px;height:104px}.wb-dial .knob .knob-label{color:#39ff7a;font-weight:900;letter-spacing:.2em}.wb-ring{position:absolute;inset:0;pointer-events:none;transform:translateY(-17px)}.wb-led{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#0d2a16;transform:rotate(var(--a)) translateY(-70px)}.wb-led.on{background:#39ff7a;box-shadow:0 0 6px #39ff7a}.wb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.wb-tile{padding:4px 8px;font:700 11px var(--font-mono);color:#9fb6a6;background:#0e0f10;border:1px solid #2a2d30;border-radius:4px}.wb-tile.on{color:#0b1a10;background:#39ff7a;border-color:#39ff7a;box-shadow:0 0 8px #39ff7a88}.panel-body.wobbler .knob-label{color:#cfe9d6;opacity:1}.panel-body.wobbler .wb-side .knob:nth-child(-n+2) .knob-label{color:#39ff7a}.panel-body.wobbler .knob-val{stroke:#39ff7a}.panel.kind-wobble{--cap-fill: #222427;--cap-edge: #39ff7a66;--knob-dot: #39ff7a}.panel-body.haze{padding:0;overflow:hidden;border-top-color:#f3b6d6;background:radial-gradient(circle at 20% 110%,#ff9e7a 0,transparent 45%),radial-gradient(circle at 85% -10%,#6c5ce7 0,transparent 50%),linear-gradient(160deg,#3b2a5c,#c06c84 70%,#f8b195)}.hz-glass{margin:10px;padding:8px 14px 10px;border-radius:14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff3a;box-shadow:inset 0 1px #ffffff40,0 6px 20px #0003}.hz-title{font:300 28px var(--font-display);letter-spacing:.3em;color:#fff;opacity:.9;text-shadow:0 0 12px #fff8}.hz-bars{display:flex;gap:16px;flex-wrap:wrap;flex:1;justify-content:space-around}.hz-group{display:flex;gap:4px}.panel-body.haze{--fader-slot: #ffffff22;--fader-fill: #fff;--fader-cap: #ffffffe6}.panel-body.haze .fader-fill{opacity:.85;filter:drop-shadow(0 0 5px #fff)}.panel-body.haze .hz-group.char{--fader-fill: #ffd9ec}.panel-body.haze .knob-label{color:#fff;opacity:.95;font-weight:600;text-shadow:0 1px 4px #0005}.panel-body.haze .knob-value{color:#fffc}.panel-body.pixel{padding:0;overflow:hidden;border-top-color:#c8c3b8}.px-console{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:linear-gradient(180deg,#e9e5dc,#d6d1c5);color:#3b3550;box-shadow:inset 0 1px #fff,inset 0 -3px #0001}.px-screen-wrap{padding:10px 12px 6px;border-radius:10px 10px 26px;background:#6f6a7e;box-shadow:inset 0 2px 4px #0006}.px-screen{width:180px;padding:6px;background:#9bbc0f;background:linear-gradient(#a5c21a,#8bac0f);border-radius:3px;box-shadow:inset 0 0 0 2px #306230}.px-wave{width:100%;height:48px;image-rendering:pixelated;shape-rendering:crispEdges}.px-wave rect{fill:#0f380f}.px-name{font:700 11px var(--font-mono);color:#0f380f;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-brand{margin-top:4px;font:italic 900 13px var(--font-display);color:#d9d3ff;letter-spacing:.12em}.px-brand span{font-size:9px;margin-left:6px;opacity:.8}.px-controls{display:flex;flex-direction:column;gap:8px;flex:1;min-width:260px}.px-waves{display:flex;gap:8px;flex-wrap:wrap}.px-btn{min-width:46px;padding:6px 8px;border-radius:999px;border:none;font:800 11px var(--font-display);color:#fff;background:radial-gradient(circle at 35% 30%,#b58cff,#7a4fd6);box-shadow:0 3px #4b2f8a,inset 0 1px #fff6}.px-btn.on{background:radial-gradient(circle at 35% 30%,#ff9cd0,#e04a9b);box-shadow:0 1px #8a2a5d,inset 0 1px #fff6;transform:translateY(2px)}.px-knobs{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:flex-end}.px-char{display:flex;gap:6px;padding:4px 8px 2px;border-radius:10px;background:#0000000f;box-shadow:inset 0 1px 2px #0002}.panel-body.pixel .knob-label{color:#3b3550;opacity:1;font-weight:800}.panel-body.pixel .px-char .knob-label{color:#c2337f}.panel-body.pixel .knob-value{color:#5c5670}.panel.kind-chip .panel-body.pixel{--cap-fill: #7a4fd6;--cap-edge: #4b2f8a;--knob-dot: #fff}.panel-body.pixel .knob-val{stroke:#e04a9b}.panel-body.pixel .knob-track{stroke:#0000001f}.panel-body.glint{padding:10px;border-top-color:#c9a24a;background:radial-gradient(circle at 50% 0%,#1f5f5c,#0d3533 70%)}.gl-frame{position:relative;padding:10px 18px 12px;border:2px solid #c9a24a;border-radius:6px;box-shadow:inset 0 0 0 4px #0d3533,inset 0 0 0 5px #c9a24a88,0 0 0 1px #6b5222;background:#0b2b2a66}.gl-frame:before,.gl-frame:after{content:"❦";position:absolute;top:-12px;font-size:18px;color:#e3c271;background:#0f3d3b;padding:0 6px}.gl-frame:before{left:14px}.gl-frame:after{right:14px;transform:scaleX(-1)}.gl-title{text-align:center;font:italic 700 15px Georgia,serif;letter-spacing:.3em;color:#e3c271;margin-bottom:6px;text-shadow:0 1px 0 #000a}.gl-row{display:flex;gap:8px 14px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.gl-char{display:flex;gap:10px;padding:4px 12px 2px;border-radius:999px;border:1px solid #c9a24a66;background:#0000002a}.panel-body.glint .knob-label{color:#e8d39b;opacity:1;font-family:Georgia,serif;font-style:italic;letter-spacing:.04em;text-transform:none;font-size:12px}.panel-body.glint .gl-char .knob-label{color:#ffe08a}.panel-body.glint .knob-value{color:#bcd9d4}.panel.kind-fm .panel-body.glint{--cap-fill: #b8913f;--cap-edge: #6b5222;--knob-dot: #2b1c05;--arc-w: 2.5}.panel-body.glint .knob-cap{fill:url(#none);fill:#c9a24a}.panel-body.glint .knob-val{stroke:#e3c271}.panel-body.glint .knob-track{stroke:#ffffff18}.panel-body.glint .switch{background:#0d3533;border-color:#c9a24a88;color:#e8d39b}.panel-body.morph{padding:0;overflow:hidden;border-top-color:#b8733a}.mo-face{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:radial-gradient(circle at 30% 20%,#4a9b8a33,transparent 40%),radial-gradient(circle at 80% 80%,#3f8c7a33,transparent 45%),linear-gradient(135deg,#8a4f26,#5e341a 60%,#7a4520)}.mo-side{display:grid;grid-template-columns:repeat(2,auto);gap:6px 10px;justify-items:center;align-items:end}.mo-side .wt-view{grid-column:1 / -1;margin:0;border-color:#2e6b5f}.mo-pad{width:min(320px,90vw)}.mo-pad .xy-pad{height:190px;background:radial-gradient(circle at 50% 50%,#5fb8a3,#2e7a6a 70%,#1f5a4e);border:2px solid #c98a52;box-shadow:inset 0 0 20px #0006}.mo-pad .xy-readout{color:#f1d9c4}.panel-body.morph .knob-label{color:#f6dcc4;opacity:1;font-weight:700}.panel-body.morph .knob-value{color:#e6c3a3}.panel-body.morph .knob-val{stroke:#6fd3bc}.panel.kind-wave .panel-body.morph{--cap-fill: #c98a52;--cap-edge: #5e341a;--knob-dot: #1f3d36}.panel-body.morph .switch{background:#5e341a;color:#f6dcc4;border-color:#c98a52}.panel-body.grab{padding:10px;border-top-color:#cfd6dd;background:#16181b}.gb-box{display:flex;gap:12px;align-items:stretch;padding:12px;border-radius:18px;background:linear-gradient(180deg,#e8edf2,#aeb6bf 45%,#d7dde3);box-shadow:inset 0 2px #fff,inset 0 -3px 6px #0004,0 4px 10px #0007;color:#22262b}.gb-grille{width:86px;flex:none;border-radius:50%;align-self:center;aspect-ratio:1;background:radial-gradient(circle,#1d2024 1.6px,transparent 2px) 0 0 / 7px 7px,radial-gradient(circle,#3a3f45,#15171a 70%);box-shadow:inset 0 0 0 5px #8e969f,inset 0 0 0 7px #f3f5f7,0 1px 3px #0006}.gb-centre{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.gb-cassette{position:relative;padding:6px 10px;border-radius:10px;background:#2a2622;box-shadow:inset 0 0 0 3px #555,inset 0 2px 6px #000}.gb-wave{width:100%;height:70px;display:block}.gb-label{position:absolute;left:12px;top:6px;font:700 10px var(--font-mono);color:#ffcf7a;letter-spacing:.08em;text-transform:uppercase}.gb-row{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.gb-pads{grid-template-columns:repeat(4,64px);grid-template-rows:repeat(2,52px)}.gb-pads .pad{background:linear-gradient(180deg,#3b4047,#24282d);color:#e8edf2;border:1px solid #0007}.gb-pads .pad.selected{background:linear-gradient(180deg,#ff9f43,#e0762a);color:#1a1208}.gb-pad-ctl{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}.gb-master{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px;border-left:1px solid #0002}.panel-body.grab .knob-label,.panel-body.grab .switch-label{color:#22262b;opacity:1;font-weight:800}.panel-body.grab .knob-value{color:#3b4047}.panel-body.grab .gb-master .knob:nth-child(-n+3) .knob-label{color:#c2410c}.panel.kind-sampler .panel-body.grab{--cap-fill: #2b3036;--cap-edge: #000;--knob-dot: #ff9f43}.panel-body.grab .knob-val{stroke:#e0762a}.panel-body.grab .switch,.panel-body.grab .sound-btn{background:#2b3036;color:#e8edf2;border-color:#000}.panel-body.grab .switch-label{color:#c7ccd2}body.phone .gb-grille{display:none}body.phone .gb-box{flex-direction:column}body.phone .gb-master{flex-direction:row;border-left:none}.gb-pads .pad-label{font-size:11px;line-height:1.1}.gb-master{display:grid;grid-template-columns:repeat(2,auto);gap:4px 8px}.panel-body.tine{padding:10px;border-top-color:#e07a5f;background:radial-gradient(#ffffff08 1px,transparent 1.5px) 0 0 / 3px 3px,#18181a}.tn-face{display:flex;gap:8px 14px;align-items:flex-end;flex-wrap:wrap;padding:10px 16px;border-radius:6px;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,transparent 1px 3px),linear-gradient(180deg,#d7dadd,#a9adb2);box-shadow:inset 0 1px #fff9,0 2px 4px #000a;color:#1a1a1a}.tn-logo{font:italic 800 26px Georgia,serif;color:#2a2a2a;letter-spacing:.02em;align-self:center;margin-right:6px;text-shadow:0 1px 0 #fff8}.tn-lever{display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:6px;background:#1b1b1d;box-shadow:inset 0 1px 3px #000}.tn-lever-label{font:700 9px var(--font-display);letter-spacing:.2em;color:#aaa;text-align:center}.tn-pos{padding:2px 10px;font:700 10px var(--font-display);color:#888;background:transparent;border:none;border-radius:3px;text-align:left}.tn-pos.on{color:#1a1a1a;background:linear-gradient(90deg,#e07a5f,#f0a48c);box-shadow:0 0 6px #e07a5f88}.tn-char{padding:4px 8px 2px;border-radius:10px;background:#0000001a;box-shadow:inset 0 1px 2px #0003}.panel-body.tine .knob-label{color:#1a1a1a;opacity:1;font-weight:800}.panel-body.tine .tn-char .knob-label{color:#a8402a}.panel-body.tine .knob-value{color:#3a3a3a}.panel.kind-epiano .panel-body.tine{--cap-fill: #1e1e20;--cap-edge: #000;--knob-dot: #e07a5f}.panel-body.tine .knob-val{stroke:#c24e33}.panel-body.tine .knob-track{stroke:#0000002a}.panel-body.pluck{padding:10px;border-top-color:#c9955a;background:#2a1d12}.pk-face{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-radius:10px;color:#3b2612;background:repeating-linear-gradient(92deg,#0000000a 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,#ffffff10 0 1px,transparent 1px 13px),linear-gradient(180deg,#e2c294,#c9955a);box-shadow:inset 0 2px #fff6,inset 0 -3px 6px #0003,0 3px 6px #0008}.pk-bodies{display:flex;gap:6px;flex-wrap:wrap}.pk-body{padding:4px 10px;font:700 11px Georgia,serif;letter-spacing:.04em;color:#f3e2c6;background:#5a3a1e;border:1px solid #3b2612;border-radius:4px;box-shadow:inset 0 1px 2px #0006}.pk-body.on{color:#3b2612;background:linear-gradient(180deg,#f6e3c0,#e2c294);box-shadow:inset 0 0 0 1px #8a5a2b,0 0 8px #f6e3c088}.pk-knobs{display:flex;gap:8px 14px;align-items:flex-end;flex-wrap:wrap}.pk-char{display:flex;gap:10px;padding:4px 10px 2px;border-radius:8px;background:#00000014;box-shadow:inset 0 1px 3px #0003,0 1px #fff5}.panel-body.pluck .knob-label{color:#3b2612;opacity:1;font:700 12px Georgia,serif;text-transform:none;letter-spacing:.02em}.panel-body.pluck .pk-char .knob-label{color:#7a2e12}.panel-body.pluck .knob-value{color:#5a3a1e}.panel.kind-pluck .panel-body.pluck{--cap-fill: #6b4423;--cap-edge: #3b2612;--knob-dot: #f6e3c0}.panel-body.pluck .knob-val{stroke:#7a2e12}.panel-body.pluck .knob-track{stroke:#0000002a}.panel-body.wheelhouse{padding:10px;border-top-color:#b5462f;background:#1a110b}.wh-face{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;padding:12px 16px;border-radius:8px;background:repeating-linear-gradient(95deg,#0000001a 0 3px,transparent 3px 11px),linear-gradient(180deg,#6b3f22,#3f2412);box-shadow:inset 0 2px #fff2,0 3px 6px #000a}.wh-bars{display:flex;gap:2px;padding:6px 8px;border-radius:6px;background:#120a05;box-shadow:inset 0 2px 6px #000}.wh-bar{--fader-cap: #efe6cf;--fader-fill: #efe6cf}.wh-bar.b0,.wh-bar.b1{--fader-cap: #8a4b2a;--fader-fill: #b7703f}.wh-bar.b4,.wh-bar.b6,.wh-bar.b7{--fader-cap: #1d1d1d;--fader-fill: #8a8a8a}.panel-body.wheelhouse .knob.fader{width:40px}.panel-body.wheelhouse .knob-label{color:#efe6cf;opacity:1;font-weight:700}.panel-body.wheelhouse .knob-value{color:#d9c7a3}.wh-right{display:flex;flex-direction:column;gap:10px;justify-content:center}.wh-sel-label{font:700 10px var(--font-display);letter-spacing:.18em;color:#efe6cf;margin-bottom:3px}.wh-sel-opts{display:flex;gap:3px;flex-wrap:wrap}.wh-opt{padding:4px 9px;font:700 11px var(--font-display);color:#d9c7a3;background:#2a1a0f;border:1px solid #000;border-radius:4px}.wh-opt.on{color:#111;background:linear-gradient(180deg,#f4f6f8,#a9b0b8);box-shadow:0 0 6px #fff6}.wh-sel.rotary .wh-opt{min-width:52px;padding:8px 10px;border-radius:999px}.wh-knobs{display:flex;gap:10px;align-items:flex-end}.wh-char .knob-label{color:#ffb38a!important}.panel.kind-organ .panel-body.wheelhouse{--cap-fill: #c9ced4;--cap-edge: #555;--knob-dot: #b5462f}.panel-body.wheelhouse .knob-val{stroke:#ffb38a}.panel-body.anthem{padding:0;overflow:hidden;border-top-color:#ff4fb8}.an-face{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px 16px;background:radial-gradient(circle at 50% 40%,#fff,#e9ecf1 60%,#d3d8e0);color:#1d1f24;box-shadow:inset 0 2px #fff,inset 0 -4px 10px #0002}.an-ring{display:grid;grid-template-columns:repeat(3,auto);gap:6px 12px}.an-hero{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ffffff 55%,transparent 56%),conic-gradient(from 0deg,#ff4fb8,#b84fff,#ff4fb8);box-shadow:0 0 22px #ff4fb877,inset 0 0 0 2px #ff4fb8}.an-hero .knob .knob-svg{width:96px;height:96px}.an-hero .knob .knob-label{color:#d61f8a;font-weight:900;letter-spacing:.2em}.panel-body.anthem .knob-label{color:#1d1f24;opacity:1;font-weight:800}.panel-body.anthem .knob-value{color:#4a4f59}.panel.kind-anthem .panel-body.anthem{--cap-fill: #f7f8fa;--cap-edge: #b9bec7;--knob-dot: #ff4fb8}.panel-body.anthem .knob-val{stroke:#ff4fb8}.panel-body.anthem .knob-track{stroke:#0000001a}.panel-body.patchwork{padding:10px;border-top-color:#f2b134;background:#121212}.pw-case{display:flex;align-items:stretch;border-radius:6px;overflow:hidden;box-shadow:0 3px 8px #000a}.pw-cheek{width:18px;flex:none;background:repeating-linear-gradient(180deg,#0000001f 0 3px,transparent 3px 9px),linear-gradient(90deg,#8a5a33,#b47a47 50%,#7a4d2a)}.pw-panel{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 14px;background:#1b1b1c;min-width:0}.pw-row{display:flex;gap:10px 16px;align-items:flex-end;flex-wrap:wrap}.pw-sec{display:flex;gap:6px;align-items:flex-end;padding:2px 8px;border-left:2px solid #f2f2f2;position:relative}.pw-sec-t{position:absolute;top:-2px;left:8px;font:800 9px var(--font-display);letter-spacing:.2em;color:#f2f2f2}.pw-sec .knob{margin-top:12px}.panel-body.patchwork .knob-label{color:#f2f2f2;opacity:1;font-weight:800}.panel-body.patchwork .knob-value{color:#bdbdbd}.panel.kind-patch .panel-body.patchwork{--cap-fill: #111;--cap-edge: #e0e0e0;--cap-edge-w: 1.5;--knob-dot: #fff;--dot-w: 3.5;--arc-w: 2}.panel-body.patchwork .knob-val{stroke:#f2b134}.pw-bay{position:relative;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:8px 10px 26px;border-radius:6px;background:#101011;box-shadow:inset 0 1px 4px #000}.pw-srcs{display:flex;gap:10px}.pw-src{display:flex;align-items:center;gap:2px}.pw-jacks{display:flex;gap:6px;flex-wrap:wrap;flex:1}.pw-jack{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 4px;background:transparent;border:none;color:#d6d6d6;font:700 9px var(--font-display);letter-spacing:.06em;text-transform:uppercase}.pw-hole{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#000 35%,#8e8e8e 40%,#555 70%);box-shadow:0 1px #fff3}.pw-jack.src .pw-hole{box-shadow:0 0 0 2px var(--cable)}.pw-jack.src.on .pw-hole,.pw-jack.armed:hover .pw-hole{box-shadow:0 0 0 2px var(--cable, #f2b134),0 0 8px var(--cable, #f2b134)}.pw-jack.armed{color:#fff}.pw-cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pw-cables path{fill:none;stroke-width:4;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 2px 2px #000a)}.panel-body.vox{padding:0;overflow:hidden;border-top-color:#9ad0ff}.vx-face{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:radial-gradient(circle at 30% 20%,#3a4452,#1c222b 70%)}.vx-robot{width:86px;height:96px;border-radius:18px 18px 26px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#e7ecf2,#9aa5b2);box-shadow:inset 0 2px #fff,0 3px 8px #0009}.vx-eyes{display:flex;gap:16px}.vx-eyes span{width:14px;height:14px;border-radius:50%;background:#1b2633;box-shadow:inset 0 0 0 3px #9ad0ff,0 0 8px #9ad0ff}.vx-mouth{border-radius:999px;background:#1b2633;box-shadow:inset 0 0 6px #9ad0ff88;transition:width .2s,height .2s}.vx-mic{width:min(300px,90vw)}.vx-mic .xy-pad{height:170px;border-radius:40px;border:3px solid #cfd6de;background:radial-gradient(circle,#0b0f14 1.4px,transparent 1.8px) 0 0 / 7px 7px,radial-gradient(circle at 40% 30%,#c5ced8,#6f7b88 75%);box-shadow:inset 0 0 18px #000a,0 3px 8px #0009}.vx-mic .xy-dot{background:#9ad0ff;box-shadow:0 0 12px #9ad0ff}.vx-mic .xy-axis,.vx-mic .xy-readout,.vx-vowels{color:#dfe7ef}.vx-vowels{text-align:center;font:700 11px var(--font-mono);letter-spacing:.3em;opacity:.7;margin-top:2px}.vx-knobs{display:flex;gap:6px 12px;align-items:flex-end;flex-wrap:wrap;max-width:330px}.vx-char .knob-label{color:#9ad0ff!important}.panel-body.vox .knob-label{color:#e7ecf2;opacity:1;font-weight:800}.panel-body.vox .knob-value{color:#aab6c3}.panel.kind-vox .panel-body.vox{--cap-fill: #d5dce4;--cap-edge: #6f7b88;--knob-dot: #1b2633}.panel-body.vox .knob-val{stroke:#9ad0ff}.panel-body.boom{padding:10px;border-top-color:#ff6a3d;background:#0d0d0e}.bm-cab{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px 16px;border-radius:8px;background:radial-gradient(#ffffff09 1px,transparent 1.5px) 0 0 / 4px 4px,linear-gradient(180deg,#1c1c1e,#111112);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 5px #2a2a2c}.bm-pads{display:grid;gap:8px}.bm-pads .pad{width:92px;min-height:58px;background:linear-gradient(180deg,#2b2b2e,#18181a);color:#f0f0f0;border:1px solid #000}.bm-pads .pad.selected{box-shadow:0 0 0 2px #ff6a3d}.bm-cone{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1a1a1a 0 17%,#3a3a3d 18% 22%,#0e0e10 23% 60%,#222 61% 64%,#0b0b0c 65% 100%);box-shadow:0 0 0 6px #f5c400,0 0 0 8px #000,0 0 18px #f5c40044}.bm-dust{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#555,#111)}.bm-knobs{display:flex;gap:8px 12px;align-items:flex-end;flex-wrap:wrap}.bm-char{display:flex;gap:8px;padding:4px 8px 2px;border-radius:8px;border:1px solid #f5c40044}.panel-body.boom .knob-label{color:#f0f0f0;opacity:1;font-weight:800}.panel-body.boom .bm-char .knob-label{color:#f5c400}.panel-body.boom .knob-value{color:#aaa}.panel.kind-boom .panel-body.boom{--cap-fill: #222;--cap-edge: #000;--knob-dot: #ff6a3d}.panel-body.boom .knob-val{stroke:#ff6a3d}.panel-body.parlor{padding:0;overflow:hidden;border-top-color:#e8dcc2}.pl-face{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(170deg,#1e1e20,#070708 60%,#141416);box-shadow:inset 0 1px #ffffff1a;color:#e8dcc2}.pl-left{display:flex;flex-direction:column;gap:8px;min-width:220px}.pl-cats{display:flex;gap:14px}.pl-cat{padding:0 0 2px;background:none;border:none;border-bottom:1px solid transparent;color:#8f8775;font:400 13px Georgia,serif;letter-spacing:.08em;border-radius:0}.pl-cat.on{color:#e8dcc2;border-bottom-color:#e8dcc2}.pl-list{display:flex;flex-direction:column}.pl-row{text-align:left;padding:3px 0;background:none;border:none;color:#b5ab95;font:italic 400 15px Georgia,serif;border-radius:0}.pl-row.on{color:#fff6e4}.pl-row.on:before{content:"— "}.pl-knobs{display:flex;gap:6px 14px;align-items:flex-end;flex-wrap:wrap}.panel-body.parlor .knob-label{color:#e8dcc2;opacity:1;font:400 12px Georgia,serif;text-transform:none;letter-spacing:.04em}.panel-body.parlor .knob-value{color:#8f8775}.panel.kind-piano .panel-body.parlor{--cap-fill: #0c0c0d;--cap-edge: #e8dcc2;--cap-edge-w: 1;--knob-dot: #e8dcc2;--arc-w: 1.5}.panel-body.parlor .knob-val{stroke:#e8dcc2}.panel-body.parlor .knob-track{stroke:#ffffff14}.panel-body.parlor .pl-cat.on,.panel-body.parlor button.pl-cat.on:hover:not(:disabled){background:none;color:#e8dcc2;box-shadow:none}.panel-body.parlor .pl-row.on,.panel-body.parlor button.pl-row.on:hover:not(:disabled){background:none;color:#fff6e4;box-shadow:none}.panel-body.garage{padding:10px;border-top-color:#b08850;background:#1a120a}.gr-face{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-radius:8px;background:repeating-linear-gradient(94deg,#00000014 0 2px,transparent 2px 10px),linear-gradient(180deg,#a87f4a,#7a5630);box-shadow:inset 0 2px #fff3,0 3px 6px #000a}.gr-pads{grid-template-columns:repeat(4,78px);grid-template-rows:repeat(2,60px)}.gr-pads .pad{background:repeating-linear-gradient(92deg,#0000001a 0 2px,transparent 2px 7px),linear-gradient(180deg,#d9b98a,#b38c58);color:#2a1a0a;border:1px solid #5a3d1e;box-shadow:inset 0 1px #fff6,0 2px #4a3015}.gr-pads .pad.selected{box-shadow:inset 0 0 0 2px #e6c27a,0 2px #4a3015}.gr-pads .pad-label{color:#2a1a0a;font-weight:800}.gr-right{display:flex;flex-direction:column;gap:10px}.gr-kits{display:flex;gap:6px;flex-wrap:wrap}.gr-kit{padding:4px 10px;font:700 11px Georgia,serif;letter-spacing:.08em;color:#3a2510;background:linear-gradient(180deg,#e6c27a,#b8913f);border:1px solid #6b5222;border-radius:3px;box-shadow:inset 0 1px #fff8}.panel-body.garage .gr-kit.on,.panel-body.garage button.gr-kit.on:hover:not(:disabled){color:#fff3d6;background:linear-gradient(180deg,#5a3d1e,#3a2510);border-color:#e6c27a}.gr-knobs{display:flex;gap:6px 12px;align-items:flex-end;flex-wrap:wrap}.gr-char{display:flex;gap:8px;padding:4px 8px 2px;border-radius:8px;background:#00000018;box-shadow:inset 0 1px 3px #0004}.panel-body.garage .knob-label{color:#2a1a0a;opacity:1;font:700 12px Georgia,serif;text-transform:none}.panel-body.garage .gr-char .knob-label{color:#5a1a0a}.panel-body.garage .knob-value{color:#3a2510}.panel.kind-garage .panel-body.garage{--cap-fill: #c9a24a;--cap-edge: #6b5222;--knob-dot: #2a1a0a}.panel-body.garage .knob-val{stroke:#3a2510}.panel-body.garage .knob-track{stroke:#0000002a}.panel-body.chop{padding:10px;border-top-color:#ff8a1f;background:#161310}.ch-face{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:8px;background:linear-gradient(180deg,#ff9a3a,#e8761a);box-shadow:inset 0 2px #fff5,0 3px 6px #000a;color:#1b0f05}.ch-top{display:flex;gap:10px;align-items:stretch}.ch-loop{display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:6px 10px;border-radius:6px;background:#1b1714;border:1px solid #000;color:#ffd2a1;text-align:left}.ch-loop-small{font:700 9px var(--font-mono);letter-spacing:.2em;opacity:.7}.ch-loop-big{font:700 14px var(--font-mono)}.ch-wave{flex:1;min-width:0;width:100%;height:90px;border-radius:6px;background:#1b1714;box-shadow:inset 0 2px 6px #000}.ch-wave.drop-target{outline:2px dashed #fff}.ch-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.ch-pads{grid-template-columns:repeat(4,52px);grid-template-rows:repeat(4,40px);gap:5px}.ch-pads .pad{background:linear-gradient(180deg,#e9e3da,#c9c1b5);color:#2a2018;border:1px solid #8a7d6b;box-shadow:inset 0 -2px #0002;padding:2px 4px}.ch-pads .pad.selected{background:linear-gradient(180deg,#fff,#ffd2a1);box-shadow:0 0 0 2px #1b0f05}.ch-pads .pad-label{display:none}.ch-knobs{display:flex;gap:6px 12px;align-items:flex-end;flex-wrap:wrap}.ch-char{display:flex;gap:8px;padding:4px 8px 2px;border-radius:8px;background:#0000001f;box-shadow:inset 0 1px 3px #0004}.panel-body.chop .knob-label{color:#1b0f05;opacity:1;font-weight:800}.panel-body.chop .knob-value{color:#3a2410}.panel.kind-chop .panel-body.chop{--cap-fill: #1b1714;--cap-edge: #000;--knob-dot: #ff8a1f}.panel-body.chop .knob-val{stroke:#1b0f05}.panel-body.chop .knob-track{stroke:#0000002a}.panel-body.external{padding:10px;border-top-color:var(--inst-midi);background:#15171a}.external .ex-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:10px}.external .ex-field{display:flex;align-items:center;gap:8px}.external .ex-cap{font-size:11px;letter-spacing:.12em;font-weight:700;color:#9aa4b2}.external .ex-port{min-width:180px;max-width:100%;padding:5px 8px;background:#0d0f11;color:#e6e9ee;border:1px solid #3a4048;border-radius:4px;font:inherit}.external .ex-hint{flex:1 1 220px;margin:0;font-size:12px;color:#9aa4b2}.external .ex-ccs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:10px}.external .ex-cc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;background:#1c1f23;border:1px solid #2a2f35;border-radius:6px;min-width:0}.external .ex-num{display:flex;align-items:center;gap:3px;font-size:10px;color:#7d8794}.external .ex-num input{width:42px;padding:2px 3px;background:#0d0f11;color:#e6e9ee;border:1px solid #3a4048;border-radius:3px;font:inherit;font-size:11px}.external .ex-label{width:100%;max-width:86px;box-sizing:border-box;padding:2px 4px;background:#0d0f11;color:#e6e9ee;border:1px solid #3a4048;border-radius:3px;font-size:11px;text-align:center}@media(max-width:640px){.external .ex-ccs{grid-template-columns:repeat(4,minmax(0,1fr))}}.dmd-timer,.timer.on{color:#ffe7c2}.dmd-timer.hurry,.timer.on.hurry{color:var(--dmd);filter:drop-shadow(0 0 5px #ffa62b88)}.dmd-timer.final,.timer.on.final{color:var(--rec);filter:drop-shadow(0 0 7px #ff6b5c99);animation:timer-flash .5s steps(2,jump-none) infinite}.dmd-timer.done,.timer.on.done{color:var(--rec)}.dmd-timer.paused,.timer.on.paused{opacity:.55;animation:pulse 1.6s infinite}@keyframes timer-flash{0%{opacity:1}to{opacity:.25}}@media(prefers-reduced-motion:reduce){.dmd-timer.final,.timer.on.final,.dmd-timer.paused,.timer.on.paused{animation:none}}body.phone .timer.on{cursor:pointer}.dmd-pause{flex:none;background:transparent;border:none;border-left:1px solid #2a2016;border-radius:0;box-shadow:none;padding:0 9px;color:var(--dmd);font-size:13px;letter-spacing:-1px}.dmd-pause:hover{background:#1a1308}.dmd-pause.on{color:#07090f;background:var(--dmd)}.dmd-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--rec);pointer-events:none}.dmd-info.counting .dmd-count{display:flex}.dmd-info.counting>.dmd-line,.dmd-info.counting>.dmd-msg{visibility:hidden}.timeup-layer{z-index:60}.timeup-card{max-width:440px;width:calc(100vw - 32px)}.timeup{display:flex;flex-direction:column;gap:8px}.timeup-title{display:flex;justify-content:center;padding:8px 0 2px;color:var(--dmd);filter:drop-shadow(0 0 8px #ffa62b66)}.timeup-card.game .timeup-title{color:var(--rec);filter:drop-shadow(0 0 8px #ff6b5c66)}.timeup-title svg{max-width:100%}.timeup-stats{margin:0 0 4px;text-align:center;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;color:var(--dim)}.timeup-cards{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:8px;background:var(--well)}.timeup-cards .note{margin:0}.timeup-links{display:flex;justify-content:center;gap:18px;margin-top:4px}.timeup-pill{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;border-radius:999px;background:#07090f;border:1px solid #2a2016;box-shadow:0 6px 24px #000a;color:var(--dmd);font-weight:700;font-size:13px;letter-spacing:.06em}.timeup-pill-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:8px;background:var(--well)}.take-row .lib-title{grid-column:1 / -1}@media(max-width:520px){.take-row{grid-template-columns:1fr 1fr}.take-row .lib-meta,.take-row .lib-date{grid-column:span 1}}body.phone .timeup-pill{bottom:76px;gap:8px;padding:6px 6px 6px 12px}@media(max-width:480px){.timeup-pill{font-size:11px}.timeup-pill .small-btn{white-space:nowrap}}