:root{--bg:#000;--fg:#fff;--fill:#333;--dim:#9a9a9a;--faint:#4d4d4d;--red:#ff3b30;--stroke:2px;--radius:8px;--font:"Jost", "Futura", "Futura PT", "Century Gothic", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:400 15px/1.25 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.hb{border:var(--stroke) solid var(--fg);border-radius:var(--radius);min-height:40px;color:var(--fg);letter-spacing:.12em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.hb:disabled{border-color:var(--faint);color:var(--faint);cursor:default}.hb.on{background:var(--fg);color:var(--bg)}.hb:focus-visible,.focusable:focus-visible{outline:var(--stroke) solid var(--fg);outline-offset:3px}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:500}@media not (hover:hover){.kbd{display:none!important}}.kbd{letter-spacing:.06em;color:var(--dim);font-size:10px;font-weight:500}.waveform.svelte-1e5phs1{flex-direction:column;width:100%;height:100%;display:flex}.plot.svelte-1e5phs1{flex:1;min-height:0;position:relative;overflow:hidden}canvas.svelte-1e5phs1{touch-action:none;display:block}.empty.svelte-1e5phs1{color:var(--dim);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}.strip.svelte-1e5phs1{flex:none;height:36px;position:relative}.trash.svelte-1e5phs1{border:var(--stroke) solid var(--red);border-radius:var(--radius);background:var(--bg);width:32px;height:28px;color:var(--red);place-items:center;margin-left:-16px;padding:0;display:grid;position:absolute;top:4px}.trash.svelte-1e5phs1:hover{background:var(--red);color:var(--bg)}.trash.svelte-1e5phs1 svg:where(.svelte-1e5phs1){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sens.svelte-1pkoviz{box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;height:100%;display:flex}.track.svelte-1pkoviz{box-sizing:border-box;border:var(--stroke) solid var(--fg);touch-action:none;cursor:ns-resize;border-radius:999px;flex:1;width:36px;min-height:60px;position:relative}.handle.svelte-1pkoviz{background:var(--fg);border-radius:50%;width:24px;height:24px;position:absolute;left:50%;transform:translate(-50%)}.count.svelte-1pkoviz{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;line-height:1}.pads.svelte-1ve8i4e{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.grid.svelte-1ve8i4e{aspect-ratio:4/3;flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:10px;max-width:100%;min-height:0;display:grid}.pad.svelte-1ve8i4e{border:var(--stroke) solid var(--fg);border-radius:var(--radius);color:var(--fg);touch-action:none;-webkit-touch-callout:none;background:0 0;padding:0;position:relative;overflow:hidden}.pad.empty.svelte-1ve8i4e{border-color:var(--fill)}.pad.selected.svelte-1ve8i4e{background:var(--fill)}svg.svelte-1ve8i4e{width:80%;height:52%;position:absolute;inset:24% 10%}path.svelte-1ve8i4e{fill:currentColor;opacity:.85}.num.svelte-1ve8i4e{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;position:absolute;top:6px;left:9px}.key.svelte-1ve8i4e{color:inherit;opacity:.6;position:absolute;bottom:5px;right:8px}.pages.svelte-1ve8i4e{align-items:center;gap:6px;display:flex}.page.svelte-1ve8i4e{min-width:34px;min-height:30px;padding:0 8px}.keys-view.svelte-13u8u1s{flex-direction:column;gap:10px;min-width:0;height:100%;display:flex}.armed.svelte-13u8u1s{height:max(64px, var(--pad));flex:none;align-items:stretch;gap:8px;display:flex}.nav.svelte-13u8u1s{gap:6px;padding:0 12px;font-size:22px}.armed-card.svelte-13u8u1s{border:var(--stroke) solid var(--fg);border-radius:var(--radius);flex:1;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.armed-card.svelte-13u8u1s svg:where(.svelte-13u8u1s){width:55%;height:calc(100% - 16px);position:absolute;top:8px;left:8px}.armed-card.svelte-13u8u1s path:where(.svelte-13u8u1s){fill:var(--fg);opacity:.85}.armed-text.svelte-13u8u1s{flex-direction:column;align-items:flex-end;gap:1px;margin-left:auto;padding:0 14px;display:flex}.name.svelte-13u8u1s{font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.of.svelte-13u8u1s{color:var(--dim);font-size:13px}.root.svelte-13u8u1s{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.controls.svelte-13u8u1s{flex:none;align-items:center;gap:10px;display:flex}.hslider.svelte-13u8u1s{box-sizing:border-box;border:var(--stroke) solid var(--fg);touch-action:none;cursor:ew-resize;border-radius:999px;flex:1;min-width:80px;height:28px;position:relative}.hhandle.svelte-13u8u1s{background:var(--fg);border-radius:50%;width:22px;height:22px;position:absolute;top:1px}.oct-label.svelte-13u8u1s{margin-left:6px}.small.svelte-13u8u1s{gap:6px;min-height:30px;padding:0 10px;font-size:16px}.octave.svelte-13u8u1s{text-align:center;font-variant-numeric:tabular-nums;min-width:30px}.kb.svelte-13u8u1s{height:calc(max(120px, var(--pad) * 1.5) + 36px);touch-action:none;flex:none;gap:5px;display:flex}.col.svelte-13u8u1s{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.key.svelte-13u8u1s{box-sizing:border-box;border:var(--stroke) solid var(--fg);background:var(--fg);border-radius:999px;flex:1;width:100%;min-height:0}.key.black.svelte-13u8u1s{background:var(--fill);border-color:var(--fill)}.key.down.svelte-13u8u1s{background:#bbb;border-color:#bbb}.key.black.down.svelte-13u8u1s{background:#777;border-color:#777}.note.svelte-13u8u1s{letter-spacing:.04em;height:14px;color:var(--dim);font-size:10px}.note.root.svelte-13u8u1s{color:var(--fg)}.name.svelte-1y181uk,.name-input.svelte-1y181uk{border-radius:var(--radius);min-width:0;max-width:32ch;height:36px;font:500 17px var(--font);letter-spacing:.02em;color:var(--fg);padding:0 10px}.name.svelte-1y181uk{border:var(--stroke) solid transparent;text-overflow:ellipsis;white-space:nowrap;background:0 0;overflow:hidden}.name.svelte-1y181uk:not(.fixed):hover{border-color:var(--faint)}.name.fixed.svelte-1y181uk{cursor:default}.name-input.svelte-1y181uk{box-sizing:border-box;border:var(--stroke) solid var(--fg);background:var(--bg);-webkit-user-select:text;user-select:text;outline:none;width:28ch}.menu.svelte-rrqysw{flex:none;position:relative}.toggle.svelte-rrqysw{width:36px;min-height:36px;padding:0}.toggle.svelte-rrqysw svg:where(.svelte-rrqysw){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:8px}.panel.svelte-rrqysw{z-index:10;box-sizing:border-box;border:var(--stroke) solid var(--fg);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:10px;width:min(360px,80vw);max-height:60vh;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.copy.svelte-rrqysw{width:100%}.heading.svelte-rrqysw{margin-top:2px}.empty.svelte-rrqysw{color:var(--dim);white-space:normal;margin:0;font-size:13px}ul.svelte-rrqysw{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}li.svelte-rrqysw{border-radius:var(--radius);align-items:stretch;display:flex}li.current.svelte-rrqysw{background:var(--fill)}.row.svelte-rrqysw{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:8px 10px;display:flex}.row.svelte-rrqysw:hover .name:where(.svelte-rrqysw){text-decoration:underline}.name.svelte-rrqysw{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.meta.svelte-rrqysw{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}.forget.svelte-rrqysw{width:36px;color:var(--dim);background:0 0;border:none;font-size:18px}.forget.svelte-rrqysw:hover{color:var(--fg)}main.svelte-1n46o8q{height:100%;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));box-sizing:border-box;grid-template-rows:auto minmax(150px,30%) 1fr;grid-template-columns:minmax(0,1fr);gap:14px;display:grid}header.svelte-1n46o8q{align-items:center;gap:10px;min-width:0;display:flex}.title.svelte-1n46o8q{white-space:nowrap;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.status.svelte-1n46o8q{color:var(--dim);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:13px;overflow:hidden}.error.svelte-1n46o8q{color:var(--red);text-overflow:ellipsis;font-size:13px;overflow:hidden}.rec.svelte-1n46o8q{font-variant-numeric:tabular-nums;min-width:92px}.rec.svelte-1n46o8q .dot:where(.svelte-1n46o8q){background:var(--red);border-radius:50%;width:12px;height:12px}.rec.on.svelte-1n46o8q{background:var(--red);border-color:var(--red);color:var(--fg)}.rec.on.svelte-1n46o8q .dot:where(.svelte-1n46o8q){background:var(--fg);border-radius:2px;animation:1s infinite svelte-1n46o8q-pulse}@keyframes svelte-1n46o8q-pulse{50%{opacity:.4}}.editor.svelte-1n46o8q{gap:14px;min-height:0;display:flex}.wave.svelte-1n46o8q{flex:1;min-width:0}.play.svelte-1n46o8q{gap:22px;min-height:0;display:flex}.pads.svelte-1n46o8q{width:var(--pads-w);flex:none;min-height:0}.keys.svelte-1n46o8q{flex:1;min-width:0;min-height:0}@media (aspect-ratio<=1){main.svelte-1n46o8q{grid-template-rows:auto minmax(130px,22%) 1fr}.play.svelte-1n46o8q{flex-direction:column}.pads.svelte-1n46o8q{flex:1.2;width:auto}.keys.svelte-1n46o8q{flex:1}}