.knob.svelte-1lidu9n{border:1px solid var(--line);background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;display:flex}svg.svelte-1lidu9n{touch-action:none;cursor:ns-resize;border-radius:50%;width:58px;height:58px;display:block}svg.svelte-1lidu9n:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.track.svelte-1lidu9n{fill:none;stroke:#96afd724;stroke-width:5px;stroke-linecap:round}.arc.svelte-1lidu9n{fill:none;stroke:var(--aqua);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 5px #74ead68c)}.lilac.svelte-1lidu9n .arc:where(.svelte-1lidu9n){stroke:var(--lilac);filter:drop-shadow(0 0 5px #b3a2ff8c)}.pointer.svelte-1lidu9n{stroke:#eaf1fb;stroke-width:2.4px;stroke-linecap:round}.lab.svelte-1lidu9n{letter-spacing:.08em;color:var(--dim);font-size:11px}.cc.svelte-1lidu9n{letter-spacing:.1em;color:var(--aqua);opacity:.6;font-size:9.5px}.lilac.svelte-1lidu9n .cc:where(.svelte-1lidu9n){color:var(--lilac)}.val.svelte-1lidu9n{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}:root{--bg:#070a12;--ink:#d3ddef;--dim:#5a6b86;--line:#96afd71f;--aqua:#74ead6;--lilac:#b3a2ff;--panel:#8caadc09}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;overflow:hidden}.aurora.svelte-1uha8ag{z-index:0;pointer-events:none;filter:blur(70px);opacity:calc(.3 + var(--g) * .55);transition:opacity .4s;position:fixed;inset:-25%}.aurora.svelte-1uha8ag b:where(.svelte-1uha8ag){mix-blend-mode:screen;transform:scale(calc(.9 + var(--g) * .4));border-radius:50%;position:absolute}.b1.svelte-1uha8ag{background:radial-gradient(circle,var(--aqua),transparent 62%);width:52vw;height:52vw;animation:34s ease-in-out infinite svelte-1uha8ag-d1;top:2%;left:6%}.b2.svelte-1uha8ag{background:radial-gradient(circle,var(--lilac),transparent 62%);width:46vw;height:46vw;animation:41s ease-in-out infinite svelte-1uha8ag-d2;top:20%;right:4%}.b3.svelte-1uha8ag{background:radial-gradient(circle,#4f7ad6,#0000 64%);width:40vw;height:40vw;animation:47s ease-in-out infinite reverse svelte-1uha8ag-d1;bottom:-6%;left:34%}@keyframes svelte-1uha8ag-d1{50%{transform:translate(6%,4%)}}@keyframes svelte-1uha8ag-d2{50%{transform:translate(-5%,6%)}}@media (prefers-reduced-motion:reduce){.b1.svelte-1uha8ag,.b2.svelte-1uha8ag,.b3.svelte-1uha8ag{animation:none}}.stage.svelte-1uha8ag{z-index:1;flex-direction:column;max-width:1080px;height:100vh;margin:0 auto;padding:clamp(18px,3vw,34px);display:flex;position:relative}header.svelte-1uha8ag{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.mark.svelte-1uha8ag{color:var(--dim);letter-spacing:.14em;align-items:center;gap:10px;font-size:12.5px;display:flex}.dot.svelte-1uha8ag{background:var(--aqua);width:7px;height:7px;box-shadow:0 0 10px var(--aqua);border-radius:50%}h1.svelte-1uha8ag{letter-spacing:-.01em;color:#eaf1fb;margin:6px 0 0;font-size:clamp(26px,4.6vw,44px);font-weight:400;line-height:1}h1.svelte-1uha8ag span:where(.svelte-1uha8ag){color:var(--dim)}.status.svelte-1uha8ag{color:var(--dim);align-items:center;gap:18px;font-size:12px;display:flex}.chan.svelte-1uha8ag{letter-spacing:.06em;align-items:center;gap:7px;display:flex}.chan.svelte-1uha8ag select:where(.svelte-1uha8ag){font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:4px 8px;font-size:12px}.chan.svelte-1uha8ag select:where(.svelte-1uha8ag):focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.chan.svelte-1uha8ag option:where(.svelte-1uha8ag){color:var(--ink);background:#0b1020}.midi.svelte-1uha8ag{align-items:center;gap:8px;display:flex}.midi.svelte-1uha8ag i:where(.svelte-1uha8ag){background:#26324a;border-radius:2px;width:8px;height:8px;transition:background .1s,box-shadow .1s}.midi.on.svelte-1uha8ag i:where(.svelte-1uha8ag){background:var(--lilac);box-shadow:0 0 12px var(--lilac)}.live.svelte-1uha8ag{border:1px solid var(--line);letter-spacing:.12em;border-radius:999px;padding:4px 10px}.live.on.svelte-1uha8ag{color:var(--aqua);border-color:#74ead666}.rack.svelte-1uha8ag{flex-direction:column;gap:clamp(16px,2.4vw,26px);margin-top:auto;display:flex}.knobs.svelte-1uha8ag{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}@media (width<=820px){.knobs.svelte-1uha8ag{grid-template-columns:repeat(4,1fr)}}.kbd-wrap.svelte-1uha8ag{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px}.keys.svelte-1uha8ag{height:clamp(120px,18vh,168px);display:flex;position:relative}.key.svelte-1uha8ag{cursor:pointer;background:linear-gradient(#e9eef7,#c3cddd);border:1px solid #0a0f1ae6;border-top:none;border-radius:0 0 7px 7px;flex:1;transition:filter 80ms;position:relative}.key.black.svelte-1uha8ag{z-index:2;background:linear-gradient(#1b2233,#0b1120);border-radius:0 0 5px 5px;width:5.6%;height:62%;position:absolute;top:0;box-shadow:0 3px 6px #00000080}.key.white.on.svelte-1uha8ag{background:linear-gradient(var(--aqua),#9fe6db)}.key.black.on.svelte-1uha8ag{background:linear-gradient(var(--lilac),#7a68d6)}.row.svelte-1uha8ag{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.oct.svelte-1uha8ag{color:var(--dim);align-items:center;gap:10px;font-size:12px;display:flex}.ctl.svelte-1uha8ag{font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--line);letter-spacing:.05em;background:0 0;border-radius:9px;padding:7px 13px;transition:border-color .15s}.ctl.svelte-1uha8ag:hover{border-color:#96afd759}.ctl.svelte-1uha8ag:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.panic.svelte-1uha8ag{color:#ffb4b4;border-color:#ff78784d}.ccref.svelte-1uha8ag{color:var(--dim);letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:6px;font-size:11px;display:flex}.ccref.svelte-1uha8ag b:where(.svelte-1uha8ag){color:var(--ink);font-weight:400}.ccref-lab.svelte-1uha8ag{color:var(--aqua);opacity:.75;letter-spacing:.1em}.ccref.svelte-1uha8ag .sep:where(.svelte-1uha8ag){opacity:.4}.veil.svelte-1uha8ag{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 40%,#0b102099,#070a12f2);place-items:center;display:grid;position:fixed;inset:0}.card.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}h2.svelte-1uha8ag{color:#eaf1fb;margin:0;font-size:clamp(20px,3vw,28px);font-weight:400}.card.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:34ch;color:var(--dim);margin:0;font-size:13px;line-height:1.6}.wake.svelte-1uha8ag{font:inherit;cursor:pointer;color:#06121a;letter-spacing:.06em;background:linear-gradient(120deg,var(--aqua),var(--lilac));border:none;border-radius:999px;padding:13px 30px;font-size:15px;box-shadow:0 0 30px #74ead659}.wake.svelte-1uha8ag:focus-visible{outline-offset:3px;outline:2px solid #fff}