:root{--ink:#0a0a10;--ink-1:#111118;--ink-2:#16161f;--ink-3:#1e1e2c;--line:#ffffff1a;--line-strong:#fff3;--text:#f0f0f5;--text-dim:#9a9aac;--text-faint:#5a5a68;--accent:#8b5cf6;--font-display:"DM Sans", system-ui, sans-serif;--font-ui:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--pad-x:18px;--wave-rgb:255, 255, 255}:root[data-theme=light]{--ink:#ece9f3;--ink-1:#fff;--ink-2:#f3f1f9;--ink-3:#d7d3e4;--line:#1814301f;--line-strong:#18143038;--text:#17131f;--text-dim:#56505f;--text-faint:#8b8598;--wave-rgb:24, 20, 48}:root[data-theme=pride]{--accent:#e40303}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{font-size:120%}body{background:var(--ink);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}#app{height:100dvh}button{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:inherit}input,select{font-family:var(--font-ui);color:var(--text)}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:28px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-3);border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:var(--ink-3);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:20px;height:20px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 35%, transparent);transition:box-shadow .15s var(--ease);border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--text);width:20px;height:20px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 35%, transparent);border:none;border-radius:50%}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.pad-grid.svelte-1jijmdp{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:10px;height:100%;min-height:0;display:grid}.pad.svelte-1jijmdp{touch-action:none;background:var(--ink-1);border:1px solid var(--line);text-align:left;min-height:0;transition:transform .1s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease), filter .15s var(--ease);border-radius:18px;align-items:flex-end;padding:12px;display:flex;position:relative;overflow:hidden}.pad.svelte-1jijmdp:after{content:"";pointer-events:none;background:linear-gradient(150deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.pad.loaded.svelte-1jijmdp{background:linear-gradient(180deg, color-mix(in srgb, var(--pad-color) 78%, white 12%) 0%, var(--pad-color) 46%, color-mix(in srgb, var(--pad-color) 72%, black 28%) 100%);border-color:color-mix(in srgb, var(--pad-color) 55%, var(--line));box-shadow:0 4px 16px color-mix(in srgb, var(--pad-color) 22%, transparent)}.pad.selected.svelte-1jijmdp{border-color:color-mix(in srgb, var(--pad-color) 90%, white);box-shadow:0 0 0 2px color-mix(in srgb, var(--pad-color) 60%, transparent), 0 4px 16px color-mix(in srgb, var(--pad-color) 28%, transparent)}.pad.empty.svelte-1jijmdp{border-color:color-mix(in srgb, #ff5a6a 55%, var(--line))}.rec-face.svelte-1jijmdp{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ff8a96;z-index:1;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:absolute;inset:0}.pad.recording.svelte-1jijmdp{border-color:#ff5a6a;box-shadow:0 0 26px #ff5a6a8c,inset 0 0 22px #ff5a6a4d}.pad.recording.svelte-1jijmdp .rec-face:where(.svelte-1jijmdp){color:#ff5a6a;animation:.7s steps(2,end) infinite svelte-1jijmdp-recpulse}@keyframes svelte-1jijmdp-recpulse{50%{opacity:.4}}.rec-bar.svelte-1jijmdp{z-index:2;background:#ff5a6a;width:0;height:4px;animation:4s linear forwards svelte-1jijmdp-recfill;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #ff5a6a}@keyframes svelte-1jijmdp-recfill{to{width:100%}}.pad.dragover.svelte-1jijmdp{box-shadow:0 0 0 2px color-mix(in srgb, var(--pad-color) 85%, white), 0 0 26px color-mix(in srgb, var(--pad-color) 60%, transparent);filter:brightness(1.12);border-color:#fff;transform:scale(1.03)}.pad.playing.svelte-1jijmdp{border-color:color-mix(in srgb, var(--pad-color) 90%, white);box-shadow:0 0 38px color-mix(in srgb, var(--pad-color) 78%, transparent), inset 0 0 26px color-mix(in srgb, var(--pad-color) 40%, transparent);filter:brightness(1.18)saturate(1.1);transform:scale(.97)}.num.svelte-1jijmdp{z-index:1;font-family:var(--font-mono);color:var(--text-faint);transition:color .2s var(--ease);font-size:.64rem;font-weight:500;position:absolute;top:6px;left:12px}.pad.loaded.svelte-1jijmdp .num:where(.svelte-1jijmdp){color:#ffffffbf}.label.svelte-1jijmdp{z-index:1;letter-spacing:.01em;color:#fffffff5;text-shadow:0 1px 3px #00000059;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:700;line-height:1.15;display:-webkit-box;position:relative;overflow:hidden}.loopdot.svelte-1jijmdp{color:#ffffffe6;font-size:.7rem;position:absolute;top:9px;right:11px}.card.svelte-1flke37{background:var(--ink-1);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.head.svelte-1flke37{align-items:center;gap:10px;display:flex}.swatch.svelte-1flke37{background:var(--sel-color);width:16px;height:16px;box-shadow:0 0 14px color-mix(in srgb, var(--sel-color) 70%, transparent);border-radius:6px}.title.svelte-1flke37{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.empty.svelte-1flke37{letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:.6rem}.row.svelte-1flke37{align-items:center;gap:10px;display:flex}.lbl.svelte-1flke37{color:var(--text-dim);flex-shrink:0;width:64px;font-size:.72rem}.stepper.svelte-1flke37{align-items:center;gap:12px;margin-left:auto;display:flex}.round.svelte-1flke37{border:1px solid var(--line-strong);background:var(--ink-2);width:38px;height:38px;transition:transform .1s var(--ease), border-color .15s var(--ease);border-radius:50%;font-size:1.2rem;line-height:1}.round.svelte-1flke37:active{border-color:var(--sel-color);transform:scale(.9)}.readout.svelte-1flke37{font-family:var(--font-mono);color:var(--text);text-align:center;width:4ch;font-size:1rem}.readout.svelte-1flke37 small:where(.svelte-1flke37){color:var(--text-faint)}.vol.svelte-1flke37{align-items:center;gap:12px;width:60%;margin-left:auto;display:flex}.vol.svelte-1flke37 input:where(.svelte-1flke37){flex:1;min-width:0}.vol-val.svelte-1flke37{font-family:var(--font-mono);color:var(--text);text-align:right;width:3ch;font-size:.9rem}.seg.svelte-1flke37{background:var(--ink-2);border:1px solid var(--line);border-radius:11px;gap:2px;margin-left:auto;padding:3px;display:flex}.seg.svelte-1flke37 button:where(.svelte-1flke37){color:var(--text-dim);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:.74rem}.seg.svelte-1flke37 button.on:where(.svelte-1flke37){background:color-mix(in srgb, var(--sel-color) 28%, var(--ink-3));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sel-color) 45%, transparent)}.chip.svelte-1flke37{border:1px solid var(--line);background:var(--ink-2);color:var(--text-dim);transition:all .15s var(--ease);border-radius:10px;margin-left:auto;padding:8px 12px;font-size:.74rem}.chip.on.svelte-1flke37{border-color:color-mix(in srgb, var(--sel-color) 60%, transparent);color:var(--text);box-shadow:0 0 14px color-mix(in srgb, var(--sel-color) 30%, transparent)}.record-row.svelte-1flke37{flex-wrap:wrap;gap:10px}.rec.svelte-1flke37{border:1px solid color-mix(in srgb, #ff5a6a 40%, var(--line));background:var(--ink-2);color:#ff8a96;border-radius:11px;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:500;display:flex}.play-sample.svelte-1flke37{border:1px solid color-mix(in srgb, var(--sel-color) 45%, var(--line));background:color-mix(in srgb, var(--sel-color) 14%, var(--ink-2));color:var(--text);transition:transform .1s var(--ease), border-color .15s var(--ease);border-radius:11px;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:500;display:flex}.play-sample.svelte-1flke37 .tri:where(.svelte-1flke37){font-size:.7rem}.play-sample.svelte-1flke37:active{transform:scale(.96)}.play-sample.svelte-1flke37:disabled{opacity:.4;cursor:default}.upload.svelte-1flke37{border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text-dim);transition:transform .1s var(--ease), border-color .15s var(--ease), color .15s var(--ease);border-radius:11px;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:500;display:flex}.upload.svelte-1flke37 .up:where(.svelte-1flke37){font-size:.95rem}.upload.svelte-1flke37:not(:disabled):hover{color:var(--text);border-color:color-mix(in srgb, var(--sel-color) 45%, var(--line))}.upload.svelte-1flke37:active{transform:scale(.96)}.upload.svelte-1flke37:disabled{opacity:.4;cursor:default}.file-input.svelte-1flke37{display:none}.rec.svelte-1flke37 .dot:where(.svelte-1flke37){background:#ff5a6a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #ff5a6a}.rec.recording.svelte-1flke37{animation:.7s steps(2,end) infinite svelte-1flke37-recpulse}.rec.svelte-1flke37:disabled{cursor:default}@keyframes svelte-1flke37-recpulse{50%{opacity:.45}}.rec-error.svelte-1flke37{color:#ff8a96;margin:-4px 0 0;font-size:.72rem}.dur.svelte-1flke37{color:var(--text-dim);align-items:center;gap:8px;margin-left:auto;display:flex}.dur.svelte-1flke37 input:where(.svelte-1flke37){width:90px}.dur.svelte-1flke37 span:where(.svelte-1flke37){font-family:var(--font-mono);width:3ch;font-size:.78rem}.delete.svelte-1flke37{border:1px solid var(--line);color:var(--text-faint);transition:color .15s var(--ease), border-color .15s var(--ease);background:0 0;border-radius:11px;padding:11px;font-size:.78rem}.delete.svelte-1flke37:not(:disabled):hover{color:#ff8a96;border-color:color-mix(in srgb, #ff5a6a 40%, var(--line))}.delete.svelte-1flke37:disabled{opacity:.4;cursor:default}.sequencer.svelte-1rncpbt{flex-direction:column;gap:12px;height:100%;padding:2px 0 0;display:flex}.transport.svelte-1rncpbt{align-items:stretch;gap:9px;display:flex}.rec.svelte-1rncpbt,.play.svelte-1rncpbt{width:58px;transition:transform .1s var(--ease), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:.82rem;font-weight:600;display:flex}.rec.svelte-1rncpbt:active,.play.svelte-1rncpbt:active{transform:scale(.96)}.rec.svelte-1rncpbt{border:1px solid color-mix(in srgb, #ff5a6a 40%, var(--line));background:var(--ink-2);color:#ff8a96}.rec.svelte-1rncpbt .rdot:where(.svelte-1rncpbt){background:#ff5a6a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #ff5a6a}.rec.armed.svelte-1rncpbt{background:color-mix(in srgb, #ff5a6a 28%, var(--ink-2));border-color:#ff5a6a;animation:.8s steps(2,end) infinite svelte-1rncpbt-recpulse;box-shadow:0 0 20px #ff5a6a80}@keyframes svelte-1rncpbt-recpulse{50%{opacity:.5}}.play.svelte-1rncpbt{border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text)}.play.svelte-1rncpbt .glyph:where(.svelte-1rncpbt){font-size:.82rem}.play.playing.svelte-1rncpbt{background:color-mix(in srgb, var(--accent) 30%, var(--ink-2));border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 48%, transparent)}.paint.svelte-1rncpbt{background:var(--ink-1);border:1px solid var(--line);border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 13px;display:flex}.swatch.svelte-1rncpbt{background:var(--sel-color);width:14px;height:14px;box-shadow:0 0 12px color-mix(in srgb, var(--sel-color) 70%, transparent);border-radius:5px;flex-shrink:0}.paint-text.svelte-1rncpbt{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.kbd.svelte-1rncpbt{border:1px solid var(--line-strong);background:var(--ink-2);width:52px;color:var(--text-dim);transition:transform .1s var(--ease), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.kbd.svelte-1rncpbt svg:where(.svelte-1rncpbt){width:24px;height:24px}.kbd.svelte-1rncpbt:active{transform:scale(.96)}.kbd.on.svelte-1rncpbt{color:var(--text);background:color-mix(in srgb, var(--accent) 30%, var(--ink-2));border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 48%, transparent)}.tempo.svelte-1rncpbt{align-items:center;gap:14px;padding:0 2px;display:flex}.tempo-val.svelte-1rncpbt{font-family:var(--font-mono);color:var(--text);flex-shrink:0;width:4.6ch;font-size:1.1rem;font-weight:500}.tempo-val.svelte-1rncpbt small:where(.svelte-1rncpbt){color:var(--text-faint);letter-spacing:.1em;margin-left:2px;font-size:.55rem}.tempo.svelte-1rncpbt input:where(.svelte-1rncpbt){flex:1}.gate.svelte-1rncpbt{border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text-dim);transition:transform .1s var(--ease), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px 6px 8px;display:flex}.gate.svelte-1rncpbt svg:where(.svelte-1rncpbt){width:18px;height:18px}.gate-label.svelte-1rncpbt{letter-spacing:.14em;text-transform:uppercase;font-size:.5rem;font-weight:700}.gate.svelte-1rncpbt:active{transform:scale(.96)}.gate.on.svelte-1rncpbt{color:var(--text);background:color-mix(in srgb, var(--accent) 30%, var(--ink-2));border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 42%, transparent)}.stepgrid.svelte-1rncpbt{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:9px;min-height:0;display:grid}.stepgrid.muted.svelte-1rncpbt{opacity:.34}.cell.svelte-1rncpbt{border:1px solid var(--line);background:var(--ink-1);touch-action:none;min-width:0;min-height:0;transition:background .12s var(--ease), box-shadow .12s var(--ease), border-color .12s var(--ease), transform .1s var(--ease);border-radius:14px;padding:0}.cell.svelte-1rncpbt:active{transform:scale(.97)}.cell.on.svelte-1rncpbt{background:linear-gradient(180deg, color-mix(in srgb, var(--step-color) 72%, white 10%) 0%, var(--step-color) 52%, color-mix(in srgb, var(--step-color) 72%, black 26%) 100%);border-color:color-mix(in srgb, var(--step-color) 80%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--step-color) 35%, transparent)}.cell.current.svelte-1rncpbt{border-color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 80%, transparent)}.cell.on.current.svelte-1rncpbt{box-shadow:0 0 20px color-mix(in srgb, var(--step-color) 65%, transparent), 0 0 0 2px color-mix(in srgb, var(--accent) 70%, transparent);filter:brightness(1.12)saturate(1.08)}.keygrid.svelte-1rncpbt{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:9px;min-height:0;display:grid}.keygrid.empty.svelte-1rncpbt{opacity:.4}.key.svelte-1rncpbt{border:1px solid color-mix(in srgb, var(--key-color) 45%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--key-color) 32%, var(--ink-1)) 0%, color-mix(in srgb, var(--key-color) 20%, var(--ink-1)) 100%);min-width:0;min-height:0;color:color-mix(in srgb, var(--key-color) 60%, var(--text));font-family:var(--font-mono);touch-action:none;transition:transform 80ms var(--ease), box-shadow .12s var(--ease), filter .1s var(--ease);border-radius:14px;font-size:.66rem;font-weight:600}.key.svelte-1rncpbt:active{box-shadow:0 0 20px color-mix(in srgb, var(--key-color) 60%, transparent), inset 0 0 18px color-mix(in srgb, var(--key-color) 30%, transparent);filter:brightness(1.15);transform:scale(.95)}.key.accidental.svelte-1rncpbt{background:linear-gradient(180deg, color-mix(in srgb, var(--key-color) 18%, #000) 0%, color-mix(in srgb, var(--key-color) 10%, #000) 100%);color:color-mix(in srgb, var(--key-color) 50%, var(--text-faint));border-color:color-mix(in srgb, var(--key-color) 30%, var(--line))}.key.root.svelte-1rncpbt{background:linear-gradient(180deg, color-mix(in srgb, var(--key-color) 78%, white 12%) 0%, var(--key-color) 100%);color:#fff;border-color:color-mix(in srgb, var(--key-color) 90%, white);box-shadow:0 0 0 2px color-mix(in srgb, var(--key-color) 55%, transparent), 0 0 16px color-mix(in srgb, var(--key-color) 40%, transparent)}.trackrow.svelte-1rncpbt{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.trk.svelte-1rncpbt{border:1px solid var(--line);background:var(--ink-1);color:var(--text-dim);touch-action:none;transition:color .15s var(--ease), background .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:9px 0;display:flex}.trk-num.svelte-1rncpbt{font-family:var(--font-mono);font-size:.95rem;font-weight:600;line-height:1}.trk-state.svelte-1rncpbt{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:.5rem}.trk.filled.svelte-1rncpbt{color:var(--text);border-color:var(--line-strong)}.trk.gated.svelte-1rncpbt .trk-state:where(.svelte-1rncpbt){color:var(--accent);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 55%, transparent)}.trk.sel.svelte-1rncpbt{color:var(--text);background:color-mix(in srgb, var(--accent) 18%, var(--ink-2));border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 28%, transparent)}.trk.muted.svelte-1rncpbt{color:#ff8a96;background:color-mix(in srgb, #ff5a6a 14%, var(--ink-1));box-shadow:none;border-color:#ff5a6a80}.trk.muted.svelte-1rncpbt .trk-state:where(.svelte-1rncpbt){color:#ff8a96}.signal.svelte-1x1dhop{border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-1x1dhop{width:100%;height:100%;display:block;position:absolute;inset:0}.watermark.svelte-1x1dhop{font-family:var(--font-display);color:color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(8rem,42vw,16rem);font-weight:900;line-height:1;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.sig-label.svelte-1x1dhop,.sig-view.svelte-1x1dhop{z-index:2;letter-spacing:.18em;text-transform:uppercase;font-size:.62rem;font-weight:600;position:absolute;top:4px}.sig-label.svelte-1x1dhop{color:var(--text-faint);left:4px}.sig-view.svelte-1x1dhop{color:color-mix(in srgb, var(--accent) 80%, var(--text));align-items:center;gap:6px;display:inline-flex;right:4px}.rec-dot.svelte-1x1dhop{background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite svelte-1x1dhop-rec-pulse;box-shadow:0 0 6px #ff3b30,0 0 12px #ff3b3099}@keyframes svelte-1x1dhop-rec-pulse{50%{opacity:.3}}.fxbar.svelte-wxq667{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fx.svelte-wxq667{border:1px solid var(--line);background:var(--ink-1);color:var(--text-faint);transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:11px 0;display:flex}.fx.svelte-wxq667:active{transform:scale(.95)}.fx.svelte-wxq667{touch-action:none}.icon.svelte-wxq667{color:var(--fx-color);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--fx-color) 55%, transparent));place-items:center;display:grid}.icon.svelte-wxq667 svg:where(.svelte-wxq667){width:22px;height:22px;display:block}.label.svelte-wxq667{letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-weight:600}.fx.active.svelte-wxq667{color:var(--text);background:color-mix(in srgb, var(--fx-color) 14%, var(--ink-2));border-color:color-mix(in srgb, var(--fx-color) 65%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--fx-color) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--fx-color) 30%, transparent)}.fx.held.svelte-wxq667{background:color-mix(in srgb, var(--fx-color) 28%, var(--ink-2));border-color:var(--fx-color);box-shadow:0 0 30px color-mix(in srgb, var(--fx-color) 55%, transparent), inset 0 0 18px color-mix(in srgb, var(--fx-color) 30%, transparent);transform:scale(.95)}.fx.held.svelte-wxq667 .icon:where(.svelte-wxq667){filter:drop-shadow(0 0 10px var(--fx-color))}.sheet.svelte-1mhf53w{width:calc(100% - 40px);max-width:360px;color:var(--text);background:0 0;border:none;padding:0}.sheet.svelte-1mhf53w::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.inner.svelte-1mhf53w{background:var(--ink-1);border:1px solid var(--line-strong);box-shadow:0 20px 60px #0000008c, 0 0 30px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.head.svelte-1mhf53w{justify-content:space-between;align-items:center;display:flex}.head.svelte-1mhf53w h2:where(.svelte-1mhf53w){font-family:var(--font-display);color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.x.svelte-1mhf53w{border:1px solid var(--line);background:var(--ink-2);color:var(--text-dim);border-radius:50%;width:32px;height:32px;font-size:.8rem}.group.svelte-1mhf53w{flex-direction:column;gap:8px;display:flex}.group-label.svelte-1mhf53w{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:.62rem;font-weight:600}.seg.svelte-1mhf53w{background:var(--ink-2);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg-btn.svelte-1mhf53w{color:var(--text-dim);letter-spacing:.02em;transition:color .15s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);background:0 0;border:none;border-radius:9px;padding:9px 0;font-size:.78rem;font-weight:600}.seg-btn.active.svelte-1mhf53w{color:var(--text);background:color-mix(in srgb, var(--accent) 22%, var(--ink-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 24%, transparent)}.divider.svelte-1mhf53w{background:var(--line);height:1px;margin:2px 0}.midi-row.svelte-1mhf53w,.midi-vel.svelte-1mhf53w{color:var(--text);align-items:center;gap:9px;font-size:.82rem;display:flex}.midi-row.svelte-1mhf53w input[type=checkbox]:where(.svelte-1mhf53w),.midi-vel.svelte-1mhf53w input[type=checkbox]:where(.svelte-1mhf53w){width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.midi-select.svelte-1mhf53w,.midi-opts.svelte-1mhf53w select:where(.svelte-1mhf53w),.midi-opts.svelte-1mhf53w input:where(.svelte-1mhf53w){background:var(--ink-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:9px 11px;font-size:.78rem}.midi-select.svelte-1mhf53w{width:100%}.midi-select.svelte-1mhf53w:focus,.midi-opts.svelte-1mhf53w select:where(.svelte-1mhf53w):focus,.midi-opts.svelte-1mhf53w input:where(.svelte-1mhf53w):focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.midi-opts.svelte-1mhf53w{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.midi-opts.svelte-1mhf53w>label:where(.svelte-1mhf53w){color:var(--text-dim);align-items:center;gap:7px;font-size:.7rem;display:flex}.midi-opts.svelte-1mhf53w>label:where(.svelte-1mhf53w)>span:where(.svelte-1mhf53w){white-space:nowrap}.midi-opts.svelte-1mhf53w input[type=number]:where(.svelte-1mhf53w){width:4.2rem;font-family:var(--font-mono)}.midi-vel.svelte-1mhf53w{color:var(--text-dim);font-size:.7rem}.capcom.svelte-1mhf53w{gap:8px;display:flex}.capcom.svelte-1mhf53w input:where(.svelte-1mhf53w){background:var(--ink-2);border:1px solid var(--line);min-width:0;color:var(--text);font-family:var(--font-mono);border-radius:11px;flex:1;padding:10px 12px;font-size:.78rem}.capcom.svelte-1mhf53w input:where(.svelte-1mhf53w):focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.capcom-msg.svelte-1mhf53w{margin:0;font-size:.7rem;line-height:1.5}.capcom-msg.ok.svelte-1mhf53w{color:#6ee7a0}.capcom-msg.bad.svelte-1mhf53w{color:#ff8a96}.linkbtn.svelte-1mhf53w{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.qr.svelte-1mhf53w{background:#fff;border-radius:16px;align-self:center;padding:12px;line-height:0}.qr.svelte-1mhf53w img:where(.svelte-1mhf53w){width:200px;height:200px;image-rendering:pixelated}.share-native.svelte-1mhf53w{border:1px solid color-mix(in srgb, var(--accent) 65%, transparent);background:color-mix(in srgb, var(--accent) 30%, var(--ink-2));color:#fff;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 30%, transparent);transition:transform .1s var(--ease), background .18s var(--ease);border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:13px;font-size:.9rem;font-weight:600;display:flex}.share-native.svelte-1mhf53w svg:where(.svelte-1mhf53w){width:18px;height:18px}.share-native.svelte-1mhf53w:active{transform:scale(.98)}.share-native.svelte-1mhf53w:disabled{opacity:.5}.link.svelte-1mhf53w{gap:8px;display:flex}.link.svelte-1mhf53w input:where(.svelte-1mhf53w){background:var(--ink-2);border:1px solid var(--line);min-width:0;color:var(--text-dim);font-family:var(--font-mono);border-radius:11px;flex:1;padding:10px 12px;font-size:.74rem}.link.svelte-1mhf53w input:where(.svelte-1mhf53w):focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.copy.svelte-1mhf53w{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 18%, var(--ink-2));color:var(--text);transition:background .15s var(--ease), border-color .15s var(--ease);border-radius:11px;flex-shrink:0;padding:0 16px;font-size:.78rem;font-weight:600}.copy.done.svelte-1mhf53w{color:#6ee7a0;border-color:color-mix(in srgb, #34d399 55%, var(--line))}.note.svelte-1mhf53w{color:var(--text-faint);margin:0;font-size:.7rem;line-height:1.5}.ambient.svelte-1n46o8q{z-index:-1;background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 55%), radial-gradient(90% 60% at 50% 120%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%), var(--ink);transition:background .6s var(--ease);position:fixed;inset:0}.unlock.svelte-1n46o8q{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;display:flex;position:fixed;inset:0}.wordmark.svelte-1n46o8q{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#c084fc 38%,#ff4ba8 70%,#fb7185 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:900;line-height:1}.wordmark--hero.svelte-1n46o8q{letter-spacing:-.05em;filter:drop-shadow(0 0 .5em color-mix(in srgb, var(--accent) 45%, transparent));font-size:clamp(3rem,18vw,5.5rem)}.wordmark--pride.svelte-1n46o8q{background:linear-gradient(90deg,#e40303 0%,#ff8c00 12%,#ffed00 24%,#008026 36%,#004dff 50%,#750787 62%,#ffafc8 76%,#74d7ee 100%);-webkit-background-clip:text;background-clip:text}.flag-bar.svelte-1n46o8q{border-radius:3px;flex-shrink:0;width:100%;height:6px;display:flex;overflow:hidden}.flag-bar.svelte-1n46o8q span:where(.svelte-1n46o8q){flex:1}.unlock.svelte-1n46o8q .flag-bar:where(.svelte-1n46o8q){border-radius:0;height:8px;position:absolute;top:0;left:0}.unlock-hint.svelte-1n46o8q{letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);animation:svelte-1n46o8q-pulse 2s var(--ease) infinite;font-size:.85rem}@keyframes svelte-1n46o8q-pulse{50%{opacity:.35}}.version.svelte-1n46o8q{bottom:max(env(safe-area-inset-bottom), 16px);text-align:center;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);opacity:.55;font-size:.6rem;position:absolute;left:0;right:0}.app.svelte-1n46o8q{max-width:480px;height:100dvh;padding:max(env(safe-area-inset-top), 10px) var(--pad-x) max(env(safe-area-inset-bottom), 10px);flex-direction:column;gap:12px;margin:0 auto;display:flex}.signal.svelte-1n46o8q{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:27%;min-height:126px;position:relative}.share-btn.svelte-1n46o8q{z-index:3;background:#181527;background:color-mix(in srgb, var(--accent) 32%, var(--ink-1));border:1px solid color-mix(in srgb, var(--accent) 65%, var(--line));color:#fff;width:42px;height:42px;box-shadow:0 2px 12px #0006, 0 0 18px color-mix(in srgb, var(--accent) 38%, transparent);transition:border-color .15s var(--ease), box-shadow .2s var(--ease), transform .1s var(--ease), background .2s var(--ease);border-radius:13px;place-items:center;display:grid;position:absolute;bottom:6px;right:6px}.share-btn.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:20px;height:20px}.share-btn.svelte-1n46o8q:active{transform:scale(.92)}.share-btn.svelte-1n46o8q:hover{background:color-mix(in srgb, var(--accent) 42%, var(--ink-1));border-color:color-mix(in srgb, var(--accent) 85%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 50%, transparent)}.loading.svelte-1n46o8q{z-index:3;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.6rem;animation:1s steps(2,end) infinite svelte-1n46o8q-pulse;position:absolute;top:4px;left:50%;transform:translate(-50%)}.session-msg.svelte-1n46o8q{z-index:3;white-space:nowrap;background:color-mix(in srgb, var(--accent) 22%, var(--ink-1));border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--text);border-radius:999px;padding:4px 10px;font-size:.62rem;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tabs.svelte-1n46o8q{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tab.svelte-1n46o8q{background:var(--ink-1);border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);transition:color .15s var(--ease), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:14px;padding:13px 0;font-size:.8rem;font-weight:600}.tab.active.svelte-1n46o8q{color:var(--text);background:color-mix(in srgb, var(--accent) 16%, var(--ink-2));border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.stage.svelte-1n46o8q{flex:46%;min-height:0}.stage.svelte-1n46o8q:not(.flush){-webkit-overflow-scrolling:touch;overflow:hidden auto}.panel.svelte-1n46o8q{padding-bottom:8px}.panel--seq.svelte-1n46o8q{height:100%;padding-bottom:0}