:root{--font:"Space Grotesk Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--t0:#ff4f1a;--t1:#ff9a1f;--t2:#f0c22b;--t3:#35c47c;--t4:#1fb7c6;--t5:#3f7cff;--t6:#8b5cf6;--t7:#ee5aa6;--rec:#ff3b3b;--on-c:#fff}:root[data-theme=cream]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#d8d2c6;--bg2:#c9c2b4;--panel:#f0ebe1;--inset:#e3ddcf;--raise:#faf7f0;--ink:#1d1b18;--dim:#8a8272;--line:#cdc6b6;--edge:#b9b1a0;--hi:#fff;--well:#dbd4c4;--well-alt:#cfc7b5;--accent:#ff4f1a;--accent-ink:#fff;--lcd-bg:#1f2a22;--lcd-fg:#b9f7c8;--lcd-dim:#4d6a56;--shadow:0 30px 60px -20px #3c2d1473, 0 2px 0 #fff inset}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090c;--bg2:#101218;--panel:#17191f;--inset:#101216;--raise:#23262f;--ink:#f2f3f7;--dim:#7c8294;--line:#2b2f3a;--edge:#07080a;--hi:#343946;--well:#242832;--well-alt:#1c1f27;--accent:#7dff6a;--accent-ink:#06210a;--lcd-bg:#070b08;--lcd-fg:#7dff6a;--lcd-dim:#2c5a2c;--t0:#ff5b2e;--t1:#ffa92e;--t2:#ffe14a;--t3:#4dff9d;--t4:#36e6ff;--t5:#5b8dff;--t6:#a47bff;--t7:#ff6fc1;--shadow:0 30px 80px -20px #000, 0 1px 0 #2f3440 inset}:root[data-theme=slate]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#33363c;--bg2:#24262b;--panel:#c9ccd2;--inset:#b9bdc4;--raise:#dfe1e6;--ink:#17191d;--dim:#666b75;--line:#a5a9b2;--edge:#8a8f99;--hi:#f3f4f7;--well:#a9adb6;--well-alt:#9a9fa9;--accent:#e5352f;--accent-ink:#fff;--lcd-bg:#0c2030;--lcd-fg:#8fdcff;--lcd-dim:#2d5873;--t0:#e5352f;--t1:#f08a1c;--t2:#e3b81f;--t3:#23a868;--t4:#1a9fb0;--t5:#2f66e0;--t6:#7446e0;--t7:#d9408f;--shadow:0 30px 70px -20px #000, 0 2px 0 #eef0f3 inset}:root[data-theme=arcade]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12061f;--bg2:#220b3a;--panel:#2a1447;--inset:#1d0d33;--raise:#3a1d60;--ink:#fdf0ff;--dim:#a586c9;--line:#47287a;--edge:#130723;--hi:#55318c;--well:#3b2063;--well-alt:#311a54;--accent:#ff3ea5;--accent-ink:#fff;--lcd-bg:#0d0518;--lcd-fg:#5cf2ff;--lcd-dim:#2a5f7a;--t0:#ff5470;--t1:#ff9e3d;--t2:#ffe45e;--t3:#5dffa0;--t4:#5cf2ff;--t5:#6f8cff;--t6:#b57bff;--t7:#ff3ea5;--shadow:0 30px 80px -20px #000, 0 1px 0 #55318c inset}:root[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg2:#000;--panel:#000;--inset:#000;--raise:#000;--ink:#fff;--dim:#d6d6d6;--line:#fff;--edge:#fff;--hi:transparent;--well:#262626;--well-alt:#3a3a3a;--accent:#ffe600;--accent-ink:#000;--lcd-bg:#000;--lcd-fg:#fff;--lcd-dim:#bdbdbd;--t0:#ff7a5c;--t1:#ffb347;--t2:#ffe600;--t3:#5dff9a;--t4:#5ce8ff;--t5:#8fb0ff;--t6:#c9a6ff;--t7:#ff8fd0;--rec:#ff6b6b;--on-c:#000;--shadow:0 0 0 2px #fff}:root[data-theme=contrast] :is(.num,.nm,.slot){text-shadow:none}:root[data-theme=contrast] .pad:not(.empty){background:var(--c)}:root[data-theme=contrast] :focus-visible{outline:3px solid var(--accent);outline-offset:3px}:root[data-theme=contrast] :is(section,.ch,.scope,.list,.beats,.versions,.maps,.lcd,.pad,.cell,.tick,.clip,.knob svg .track,.screen,.wave,.scroller,.chain,.audio){outline-offset:-1px;outline:1px solid #8a8a8a}:root[data-theme=contrast] .cell.on,:root[data-theme=contrast] .clip.has{outline-color:#fff}:root[data-theme=contrast] .knob svg .track{stroke:#6a6a6a;outline:none}:root[data-theme=contrast] .btn,:root[data-theme=contrast] .seg,:root[data-theme=contrast] select.pick{border:1px solid #fff}:root[data-theme=contrast] .btn.ghost{color:#fff;border-color:#0000}:root[data-theme=contrast] .seg button.on{color:#000;background:#fff}:root[data-theme=contrast] ::placeholder{color:#bdbdbd;opacity:1}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 90% at 50% 0%, var(--bg) 30%, var(--bg2) 100%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:9.5px;font-weight:600}.btn{border:1px solid var(--line);background:var(--raise);height:32px;box-shadow:0 2px 0 var(--edge), inset 0 1px 0 var(--hi);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;touch-action:manipulation;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;transition:transform 60ms,box-shadow 60ms,background .12s,color .12s;display:inline-flex}.btn:active,.btn.down{box-shadow:0 0 0 var(--edge), inset 0 1px 0 var(--hi);transform:translateY(2px)}.btn.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn:disabled{opacity:.4;cursor:default}.btn.sq{width:32px;padding:0}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:var(--inset)}.btn.ghost:active{transform:none}.seg{background:var(--inset);border-radius:10px;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000002e}.seg button{min-width:34px;height:26px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);touch-action:manipulation;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.seg button.on{background:var(--raise);color:var(--ink);box-shadow:0 1px 0 var(--edge), inset 0 1px 0 var(--hi)}select.pick{border:1px solid var(--line);background:var(--raise);height:30px;font-family:var(--mono);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dim) 50%), linear-gradient(135deg, var(--dim) 50%, transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px;border-radius:8px;padding:0 26px 0 10px;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-calm] *,:root[data-calm] :before,:root[data-calm] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (pointer:coarse){button:not(.keys .key):not(.mark):not(.flag):not(.unloop),select,a.btn{min-width:26px;min-height:26px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){min-height:26px}footer a{margin:-6px -4px;padding:6px 4px;display:inline-block}}:root[data-learn] .knob,:root[data-learn] .fader{outline:2px dashed var(--accent);outline-offset:1px;cursor:pointer}:root[data-dragging] .back{opacity:.12;pointer-events:none}.back.svelte-ffjraq{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette.svelte-ffjraq{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(600px,100%);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 40px 80px -20px #0009}input.svelte-ffjraq{border:0;border-bottom:1px solid var(--line);height:52px;font:600 16px var(--sans,inherit);-webkit-user-select:text;user-select:text;background:0 0;outline:none;padding:0 18px}.list.svelte-ffjraq{scrollbar-width:thin;padding:6px;overflow-y:auto}.list.svelte-ffjraq button:where(.svelte-ffjraq){text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;font-size:13.5px;display:flex}.list.svelte-ffjraq button.on:where(.svelte-ffjraq){background:var(--ink);color:var(--panel)}small.svelte-ffjraq{font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6;flex:0 0 76px}.list.svelte-ffjraq span:where(.svelte-ffjraq){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}kbd.svelte-ffjraq{font:600 10px var(--mono);opacity:.7;white-space:nowrap;border:1px solid;border-radius:5px;padding:1px 6px}kbd.svelte-ffjraq:empty{display:none}p.svelte-ffjraq{color:var(--dim);margin:0;padding:18px 12px;font-size:13px}footer.svelte-ffjraq{border-top:1px solid var(--line);font:600 10px var(--mono);color:var(--dim);gap:16px;padding:8px 16px;display:flex}footer.svelte-ffjraq kbd:where(.svelte-ffjraq){margin-right:3px}@media (max-width:520px){small.svelte-ffjraq,footer.svelte-ffjraq{display:none}.back.svelte-ffjraq{padding-top:8vh}}.scroller.svelte-dzp2oe{scrollbar-width:thin;padding:14px 18px;overflow:auto hidden}.rows.svelte-dzp2oe{min-width:calc(var(--headw) + var(--steps) * 22px);--headw:172px;outline:none;flex-direction:column;gap:6px;display:flex;position:relative}.row.svelte-dzp2oe{align-items:stretch;gap:10px;height:36px;display:flex}.row.off.svelte-dzp2oe .cells:where(.svelte-dzp2oe){opacity:.45}.head.svelte-dzp2oe{z-index:2;flex:0 0 var(--headw);background:var(--panel);border-radius:10px;align-items:center;gap:6px;padding:0 6px 0 5px;transition:background .12s;display:flex;position:sticky;left:0}.row.sel.svelte-dzp2oe .head:where(.svelte-dzp2oe){background:var(--inset);box-shadow:inset 0 1px 2px #0000001f}.chip.svelte-dzp2oe{will-change:transform;background:var(--c);width:26px;height:26px;box-shadow:0 2px 0 color-mix(in srgb, var(--c) 60%, #000), inset 0 1px 0 #ffffff59;touch-action:none;border:0;border-radius:8px;flex:none}.chip.svelte-dzp2oe:active{box-shadow:none;transform:translateY(2px)}.name.svelte-dzp2oe{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;height:100%;padding:0;display:flex}.name.svelte-dzp2oe b:where(.svelte-dzp2oe){font-family:var(--mono);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.meter.svelte-dzp2oe{background:var(--well);border-radius:2px;height:3px;overflow:hidden}.meter.svelte-dzp2oe i:where(.svelte-dzp2oe){background:var(--c);transform-origin:0;will-change:transform;height:100%;display:block;transform:scaleX(0)}.locked.svelte-dzp2oe{color:var(--dim);place-items:center;display:grid}.warn.svelte-dzp2oe{background:var(--rec);width:16px;height:16px;color:var(--on-c);font:700 11px/16px var(--mono);text-align:center;cursor:help;border-radius:50%}.ms.svelte-dzp2oe{border:1px solid var(--line);background:var(--raise);width:22px;height:22px;color:var(--dim);font:700 10px var(--mono);touch-action:manipulation;border-radius:6px;flex:none;padding:0}.ms.on.svelte-dzp2oe{background:var(--ink);color:var(--panel);border-color:#0000}.ms.solo.on.svelte-dzp2oe{background:var(--t2);color:#221a00}.cells.svelte-dzp2oe{grid-template-columns:repeat(var(--steps), 1fr);flex:1;gap:4px;display:grid}.rows.wide.svelte-dzp2oe .cells:where(.svelte-dzp2oe){gap:3px}.cell.svelte-dzp2oe{background:var(--well);cursor:pointer;touch-action:pan-x;border-radius:7px;transition:background 90ms;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000024}.rows.wide.svelte-dzp2oe .cell:where(.svelte-dzp2oe){border-radius:5px}.cell.alt.svelte-dzp2oe{background:var(--well-alt)}.cell.bar.svelte-dzp2oe{margin-left:3px}.cell.bar.svelte-dzp2oe:first-child{margin-left:0}.cell.svelte-dzp2oe:hover{background:color-mix(in srgb, var(--c) 28%, var(--well))}.cell.hold.svelte-dzp2oe:after{content:"";background:var(--c);opacity:.55;height:16%;position:absolute;top:42%;left:0;right:0}.cell.on.svelte-dzp2oe:before{content:"";background:var(--c);transform:scaleY(var(--v));transform-origin:bottom;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #fff6}.cell.on.svelte-dzp2oe{background:color-mix(in srgb, var(--c) 22%, var(--well));box-shadow:none}.cell[data-roll].svelte-dzp2oe:before{-webkit-mask:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--n) - 2px), transparent 0 calc(100% / var(--n)));mask:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--n) - 2px), transparent 0 calc(100% / var(--n)))}.cell[data-roll="2"].svelte-dzp2oe{--n:2}.cell[data-roll="3"].svelte-dzp2oe{--n:3}.cell[data-roll="4"].svelte-dzp2oe{--n:4}.cell.maybe.svelte-dzp2oe:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(135deg, transparent 0 3px, color-mix(in srgb, var(--panel) 55%, transparent) 3px 5px);position:absolute;inset:0}.cell.pick.svelte-dzp2oe{outline:2px dashed var(--ink);outline-offset:-2px}.cell.svelte-dzp2oe:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:2}.headcol.svelte-dzp2oe{z-index:1;opacity:0;pointer-events:none;will-change:transform;box-shadow:inset 0 0 0 2px var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:8px;position:absolute;top:0;left:0}.pop.svelte-dzp2oe{z-index:1;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.pop.svelte-dzp2oe b:where(.svelte-dzp2oe){background:color-mix(in srgb, var(--c) 55%, #fff);opacity:0;will-change:transform, opacity;border-radius:7px;width:100%;height:100%;display:block}.row.ruler.svelte-dzp2oe{height:16px}.rhead.svelte-dzp2oe{background:0 0;gap:4px}.rhead.svelte-dzp2oe .label:where(.svelte-dzp2oe){font-size:8.5px}.unloop.svelte-dzp2oe{background:var(--ink);width:16px;height:16px;color:var(--panel);font:700 10px/16px var(--mono);border:0;border-radius:50%;padding:0}.ticks.svelte-dzp2oe{cursor:ew-resize;touch-action:none;outline-offset:2px;border-radius:5px}.tick.svelte-dzp2oe{font:700 8px var(--mono);color:var(--dim);background:color-mix(in srgb, var(--well) 50%, transparent);border-radius:4px;align-items:center;padding-left:3px;font-style:normal;display:flex}.tick.bar.svelte-dzp2oe{margin-left:3px}.tick.bar.svelte-dzp2oe:first-child{margin-left:0}.tick.in.svelte-dzp2oe{background:var(--accent);color:var(--accent-ink)}.cell.out.svelte-dzp2oe{opacity:.38}@media (pointer:coarse){.row.ruler.svelte-dzp2oe{height:26px}}.row.add.svelte-dzp2oe{height:30px}.row.add.svelte-dzp2oe .head:where(.svelte-dzp2oe){background:0 0;flex-basis:auto;padding:0}.row.add.svelte-dzp2oe .btn:where(.svelte-dzp2oe){gap:3px;height:26px;padding:0 8px;font-size:10px}@media (max-width:720px){.scroller.svelte-dzp2oe{padding:12px}.rows.svelte-dzp2oe{--headw:118px}.ms.solo.svelte-dzp2oe{display:none}}.challenge.svelte-14ygo4{background:var(--inset);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 10px;padding:10px 14px;display:flex;position:relative}.challenge.won.svelte-14ygo4{border-color:var(--t3)}.what.svelte-14ygo4{flex-direction:column;gap:1px;display:flex}.what.svelte-14ygo4 b:where(.svelte-14ygo4){font-size:15px}.btns.svelte-14ygo4,.end.svelte-14ygo4{align-items:center;gap:6px;display:flex}.btn.svelte-14ygo4{gap:5px;height:30px;padding:0 10px;font-size:10px}.score.svelte-14ygo4{align-items:center;gap:8px;min-width:0;display:flex}.meter.svelte-14ygo4{background:var(--well);border-radius:5px;width:120px;height:10px;position:relative;overflow:hidden}.meter.svelte-14ygo4 i:where(.svelte-14ygo4){background:var(--accent);height:100%;transition:width .2s;display:block}.won.svelte-14ygo4 .meter:where(.svelte-14ygo4) i:where(.svelte-14ygo4){background:var(--t3)}.meter.svelte-14ygo4 em:where(.svelte-14ygo4){background:var(--ink);opacity:.5;width:2px;position:absolute;top:0;bottom:0}.score.svelte-14ygo4 b:where(.svelte-14ygo4){font:700 14px var(--mono);min-width:42px}.say.svelte-14ygo4{color:var(--dim);font-size:12px}.tracks.svelte-14ygo4{flex-wrap:wrap;flex:100%;order:5;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tracks.svelte-14ygo4 li:where(.svelte-14ygo4){background:var(--panel);font:600 10px var(--mono);letter-spacing:.04em;border-radius:9px;align-items:center;gap:6px;padding:3px 9px 3px 7px;display:inline-flex}.tracks.svelte-14ygo4 li:where(.svelte-14ygo4) i:where(.svelte-14ygo4){background:var(--c);border-radius:3px;width:8px;height:8px}.tracks.svelte-14ygo4 small:where(.svelte-14ygo4){color:var(--dim);letter-spacing:0;font-size:10px;font-weight:500}.tracks.svelte-14ygo4 li.ok:where(.svelte-14ygo4) small:where(.svelte-14ygo4){color:var(--t3);font-weight:700}.end.svelte-14ygo4{margin-left:auto}.peek.svelte-14ygo4{flex-direction:column;flex:100%;order:6;gap:3px;padding-top:4px;display:flex}.prow.svelte-14ygo4{font:600 9px var(--mono);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;display:grid}.dots.svelte-14ygo4{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:2px;display:grid}.dots.svelte-14ygo4 i:where(.svelte-14ygo4){background:var(--well);border-radius:2px;height:8px}.dots.svelte-14ygo4 i:where(.svelte-14ygo4):nth-child(4n+1){background:var(--well-alt)}.dots.svelte-14ygo4 i.on:where(.svelte-14ygo4){background:var(--c)}@media (prefers-reduced-motion:reduce){.meter.svelte-14ygo4 i:where(.svelte-14ygo4){transition:none}}.pads.svelte-vgf2tc{grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;display:grid}.pad.svelte-vgf2tc{aspect-ratio:1.32;background:color-mix(in srgb, var(--c) 82%, var(--panel));min-height:58px;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 55%, #000), inset 0 1px 0 #ffffff59, inset 0 -10px 18px -10px #00000040;color:var(--on-c);touch-action:none;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px;transition:transform 50ms,box-shadow 50ms;display:flex;position:relative;overflow:hidden}.pad.svelte-vgf2tc.down,.pad.svelte-vgf2tc:active{transform:translateY(5px);box-shadow:0 0 #0000,inset 0 2px 6px #0000004d}.pad.sel.svelte-vgf2tc{outline:2px solid var(--ink);outline-offset:2px}.pads.slices.svelte-vgf2tc{grid-template-columns:repeat(4,1fr);gap:6px}.pads.slices.svelte-vgf2tc .pad:where(.svelte-vgf2tc){aspect-ratio:1;border-radius:10px;min-height:0;padding:5px}.back.svelte-vgf2tc{grid-column:1/-1;height:26px;font-size:10px}.pad.empty.svelte-vgf2tc{background:var(--inset);box-shadow:inset 0 1px 3px #00000026}.glow.svelte-vgf2tc{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff 0%,#ffffff80 45%,#0000 80%);position:absolute;inset:0}.num.svelte-vgf2tc,.nm.svelte-vgf2tc{font-family:var(--mono);text-shadow:0 1px 2px #00000059;pointer-events:none;font-weight:700;position:relative}.num.svelte-vgf2tc{opacity:.8;font-size:10px}.nm.svelte-vgf2tc{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}@media (max-width:900px){.pads.svelte-vgf2tc{grid-template-columns:repeat(4,1fr)}.pad.svelte-vgf2tc{aspect-ratio:1.3;min-height:72px}}@media (max-width:560px){.pads.svelte-vgf2tc{gap:8px}.pad.svelte-vgf2tc{aspect-ratio:auto;min-width:0;height:76px}}.roll.svelte-ea5fu5{flex-direction:column;gap:8px;min-width:0;display:flex}.bar.svelte-ea5fu5{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bar.svelte-ea5fu5 .btn:where(.svelte-ea5fu5){height:30px}.grow.svelte-ea5fu5{flex:1}.hum.svelte-ea5fu5{gap:5px;position:relative;overflow:hidden}.hum.on.svelte-ea5fu5{background:var(--rec);color:var(--on-c)}.lvl.svelte-ea5fu5{background:var(--on-c);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.chordbar.svelte-ea5fu5 .pick:where(.svelte-ea5fu5){height:26px;font-size:11px}.chordbar.svelte-ea5fu5 .seg:where(.svelte-ea5fu5) button:where(.svelte-ea5fu5){min-width:0;padding:0 7px;font-size:10px}.chords.svelte-ea5fu5{flex-wrap:wrap;gap:3px;display:flex}.chord.svelte-ea5fu5{background:color-mix(in srgb, var(--c) 24%, var(--well));min-width:40px;height:30px;color:var(--ink);font:700 11px/1.05 var(--mono);touch-action:manipulation;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:0 6px;display:flex}.chord.svelte-ea5fu5 small:where(.svelte-ea5fu5){font:600 8px var(--mono);color:var(--dim)}.chord.svelte-ea5fu5:hover{background:color-mix(in srgb, var(--c) 45%, var(--well))}.chord.svelte-ea5fu5:active{background:var(--c);color:var(--on-c)}.none.svelte-ea5fu5{color:var(--dim);font-size:12px}.scroller.svelte-ea5fu5{background:var(--inset);scrollbar-width:thin;overscroll-behavior:contain;border-radius:10px;height:216px;overflow:auto;box-shadow:inset 0 1px 3px #00000029}.inner.svelte-ea5fu5{min-width:calc(46px + var(--steps) * 20px);display:flex}.keys.svelte-ea5fu5{z-index:3;flex-direction:column;flex:0 0 46px;display:flex;position:sticky;left:0}.key.svelte-ea5fu5{height:var(--row);border:0;border-bottom:1px solid var(--line);background:var(--raise);color:var(--dim);font:600 9px/1 var(--mono);text-align:right;touch-action:manipulation;flex:none;padding:0 5px}.key.black.svelte-ea5fu5{background:var(--ink);color:var(--panel);border-bottom-color:#0000}.key.root.svelte-ea5fu5{color:var(--c);font-weight:800}.key.svelte-ea5fu5:active{background:var(--c);color:var(--on-c)}.lane.svelte-ea5fu5{cursor:crosshair;touch-action:none;background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 26%, transparent) 0 1px, transparent 1px calc(400% / var(--steps))), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(100% / var(--steps))), repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px var(--row));flex:1;position:relative}.band.svelte-ea5fu5{height:var(--row);background:color-mix(in srgb, var(--c) 13%, transparent);pointer-events:none;position:absolute;left:0;right:0}.band.out.svelte-ea5fu5{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--rec) 20%, transparent) 0 4px, transparent 4px 8px)}.note.svelte-ea5fu5{height:calc(var(--row) - 2px);background:var(--c);min-width:6px;opacity:var(--a);cursor:grab;border-radius:5px;margin-top:1px;position:absolute;box-shadow:inset 0 1px #ffffff73,inset -3px 0 #00000038,0 1px 2px #0000004d}.lane.svelte-ea5fu5:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cursor.svelte-ea5fu5{width:calc(100% / var(--steps));height:var(--row);box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none;z-index:2;border-radius:4px;display:none;position:absolute}.lane.svelte-ea5fu5:focus-visible .cursor.kb:where(.svelte-ea5fu5){display:block}.sr.svelte-ea5fu5{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.line.svelte-ea5fu5{width:calc(100% / var(--steps));background:color-mix(in srgb, var(--ink) 14%, transparent);border-left:2px solid var(--ink);opacity:0;pointer-events:none;position:absolute;top:0;bottom:0}.velrow.svelte-ea5fu5{align-items:stretch;height:38px;display:flex}.vl.svelte-ea5fu5{flex:0 0 46px;align-self:center}.vel.svelte-ea5fu5{cursor:ns-resize;touch-action:none;flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid}.vel.svelte-ea5fu5 i:where(.svelte-ea5fu5){background:var(--inset);border-radius:3px;align-items:flex-end;display:flex;overflow:hidden}.vel.svelte-ea5fu5 b:where(.svelte-ea5fu5){background:var(--c);border-radius:3px 3px 0 0;width:100%;display:block}.hint.svelte-ea5fu5{background:var(--inset);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;font-size:14px;display:flex}.hint.svelte-ea5fu5 span:where(.svelte-ea5fu5){color:var(--dim);font-size:13px}.hintbtns.svelte-ea5fu5{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.song.svelte-iodxe3{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:22px;display:grid}.left.svelte-iodxe3,.right.svelte-iodxe3{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.right.svelte-iodxe3{border-left:1px solid var(--line);padding-left:22px}.row.svelte-iodxe3{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.len.svelte-iodxe3{font:600 11px var(--mono);color:var(--dim)}.chain.svelte-iodxe3{background:var(--inset);border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:6px;width:100%;padding:10px;display:flex;box-shadow:inset 0 1px 3px #00000024}.slot.svelte-iodxe3{background:var(--ink);width:48px;height:48px;color:var(--panel);font:700 16px var(--mono);border:0;border-radius:10px;position:relative;box-shadow:0 3px #00000059}.slot.empty.svelte-iodxe3{opacity:.5}.slot.svelte-iodxe3 small:where(.svelte-iodxe3){opacity:.7;font-size:8px;position:absolute;bottom:3px;right:5px}.slot.now.svelte-iodxe3{background:var(--accent);color:var(--accent-ink)}.slot.svelte-iodxe3:hover{filter:brightness(1.2)}p.svelte-iodxe3{color:var(--dim);margin:0;font-size:12px;line-height:1.4}.seg.svelte-iodxe3 button:where(.svelte-iodxe3){min-width:26px;padding:0 6px}.seg.svelte-iodxe3 button:where(.svelte-iodxe3):disabled{opacity:.35}@media (max-width:900px){.song.svelte-iodxe3{grid-template-columns:1fr}.right.svelte-iodxe3{border-left:0;padding-left:0}}.knob.svelte-ldn9xu{cursor:ns-resize;touch-action:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:2px 3px;display:inline-flex}svg.svelte-ldn9xu{display:block;overflow:visible}path.svelte-ldn9xu{fill:none;stroke-width:3.5px;stroke-linecap:round}.track.svelte-ldn9xu{stroke:var(--well)}.cap.svelte-ldn9xu{transform-origin:24px 24px}.cap.svelte-ldn9xu circle:where(.svelte-ldn9xu){fill:var(--raise);stroke:var(--line);stroke-width:1px;filter:drop-shadow(0 2px 1.5px #00000047)}.cap.svelte-ldn9xu line:where(.svelte-ldn9xu){stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.knob.active.svelte-ldn9xu .label:where(.svelte-ldn9xu){color:var(--ink)}.knob.svelte-ldn9xu:hover .cap:where(.svelte-ldn9xu) circle:where(.svelte-ldn9xu){stroke:var(--dim)}.plugs.svelte-1dva2is{flex-direction:column;gap:10px;min-width:0;display:flex}.empty.svelte-1dva2is,.ask.svelte-1dva2is{background:var(--inset);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;font-size:13px;line-height:1.45;display:flex}.ask.svelte-1dva2is{background:color-mix(in srgb, var(--t1) 20%, var(--panel))}.empty.svelte-1dva2is span:where(.svelte-1dva2is),.ask.svelte-1dva2is span:where(.svelte-1dva2is){color:var(--dim);max-width:60ch}.ask.svelte-1dva2is span:where(.svelte-1dva2is){color:inherit}.chain.svelte-1dva2is{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}li.svelte-1dva2is{background:var(--inset);border:1px solid #0000;border-radius:10px;grid-template-columns:76px minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}li.bad.svelte-1dva2is{border-color:var(--rec)}.who.svelte-1dva2is{flex-direction:column;min-width:0;display:flex}.who.svelte-1dva2is b:where(.svelte-1dva2is){text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.who.svelte-1dva2is small:where(.svelte-1dva2is){font:600 10px var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status.svelte-1dva2is{color:var(--dim);min-width:0;font-size:12px}li.bad.svelte-1dva2is .status:where(.svelte-1dva2is){color:var(--ink)}.btns.svelte-1dva2is{align-items:center;gap:4px;display:flex}.btns.svelte-1dva2is .btn:where(.svelte-1dva2is){height:28px;padding:0 9px;font-size:10px}.btns.svelte-1dva2is .btn.sq:where(.svelte-1dva2is){width:28px;padding:0}.add.svelte-1dva2is{align-self:flex-start;height:28px;font-size:10px}@media (max-width:720px){li.svelte-1dva2is{grid-template-columns:minmax(0,1fr) auto}li.svelte-1dva2is .label:where(.svelte-1dva2is),li.svelte-1dva2is .status:where(.svelte-1dva2is){grid-column:1/-1}}.inst.svelte-1o5v5ka{flex-direction:column;gap:10px;min-width:0;display:flex}.top.svelte-1o5v5ka{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.top.svelte-1o5v5ka .btn:where(.svelte-1o5v5ka){height:30px;font-size:10px}.note.svelte-1o5v5ka{font:600 10px var(--mono);color:var(--dim);align-self:center}.rootnote.svelte-1o5v5ka{flex-direction:column;gap:3px;display:flex}.stepper.svelte-1o5v5ka{background:var(--inset);border-radius:8px;align-items:center;height:26px;display:flex}.stepper.svelte-1o5v5ka button:where(.svelte-1o5v5ka){width:24px;height:26px;font:700 14px var(--mono);color:var(--dim);background:0 0;border:0}.stepper.svelte-1o5v5ka b:where(.svelte-1o5v5ka){font:700 11px var(--mono);text-align:center;min-width:30px}.groups.svelte-1o5v5ka{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}section.svelte-1o5v5ka{background:var(--inset);border-radius:12px;flex-direction:column;gap:6px;padding:8px 9px 6px;display:flex;box-shadow:inset 0 1px 2px #0000001a}h4.svelte-1o5v5ka{font:700 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0}.k.svelte-1o5v5ka{align-items:center;gap:0;display:flex}p.svelte-1o5v5ka{max-width:320px;color:var(--dim);flex:200px;margin:0;font-size:12px;line-height:1.4}.link.svelte-1o5v5ka{color:var(--ink);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.sampler.svelte-1k2zw43{flex-direction:column;gap:9px;min-width:0;display:flex}.kits.svelte-1k2zw43,.tools.svelte-1k2zw43{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kits.svelte-1k2zw43 .btn:where(.svelte-1k2zw43),.tools.svelte-1k2zw43 .btn:where(.svelte-1k2zw43){height:30px;padding:0 9px;font-size:10px}.kits.svelte-1k2zw43 .pick:where(.svelte-1k2zw43){max-width:160px}.found.svelte-1k2zw43{font:700 11px var(--mono)}.rec.svelte-1k2zw43 i:where(.svelte-1k2zw43){background:var(--rec);border-radius:50%;width:9px;height:9px}.rec.on.svelte-1k2zw43{background:var(--rec);color:var(--on-c)}.rec.on.svelte-1k2zw43 i:where(.svelte-1k2zw43){background:#fff;animation:1s steps(2,jump-none) infinite svelte-1k2zw43-blink}@keyframes svelte-1k2zw43-blink{50%{opacity:.3}}.level.svelte-1k2zw43{background:var(--well);border-radius:4px;width:80px;height:8px;overflow:hidden}.level.svelte-1k2zw43 i:where(.svelte-1k2zw43){background:var(--rec);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.slots.svelte-1k2zw43{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.slot.svelte-1k2zw43{border:1px solid var(--line);background:var(--raise);height:28px;box-shadow:0 2px 0 var(--edge), inset 0 1px 0 var(--hi);font:600 9.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;border-radius:8px;padding:0 3px;overflow:hidden}.slot.svelte-1k2zw43:active{box-shadow:none;transform:translateY(2px)}.slot.on.svelte-1k2zw43{background:var(--c);color:var(--on-c);text-shadow:0 1px 1px #0000004d;border-color:#0000}.wave.svelte-1k2zw43{background:var(--inset);cursor:pointer;touch-action:manipulation;border-radius:10px;height:74px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000029}canvas.svelte-1k2zw43{width:100%;height:100%;display:block}.note.svelte-1k2zw43{background:color-mix(in srgb, var(--panel) 80%, transparent);font:600 10px var(--mono);color:var(--dim);pointer-events:none;border-radius:5px;align-items:center;gap:4px;padding:1px 6px;display:flex;position:absolute;top:5px;right:6px}.note.missing.svelte-1k2zw43{color:var(--rec);white-space:normal;left:6px;right:6px}.mark.svelte-1k2zw43{cursor:ew-resize;touch-action:none;background:0 0;border:0;width:13px;margin-left:-6px;padding:0;position:absolute;top:0;bottom:0}.mark.svelte-1k2zw43:before{content:"";background:var(--ink);opacity:.75;width:1.5px;position:absolute;top:0;bottom:0;left:6px}.mark.fixed.svelte-1k2zw43{cursor:pointer}.mark.svelte-1k2zw43 b:where(.svelte-1k2zw43){background:var(--ink);min-width:14px;color:var(--panel);font:700 9px/13px var(--mono);border-radius:0 4px 4px 0;padding:0 3px;position:absolute;bottom:2px;left:7px}.mark.cur.svelte-1k2zw43 b:where(.svelte-1k2zw43){background:var(--c);color:var(--on-c)}.sep.svelte-1k2zw43{background:var(--line);width:1px;height:24px;margin:0 4px}@media (max-width:720px){.slots.svelte-1k2zw43{grid-template-columns:repeat(5,1fr)}}.synth.svelte-a3h6p{flex-direction:column;gap:10px;min-width:0;display:flex}.top.svelte-a3h6p{align-items:flex-end;gap:14px;display:flex}.top.svelte-a3h6p .btn:where(.svelte-a3h6p){height:30px;font-size:10px}.rootnote.svelte-a3h6p{flex-direction:column;gap:3px;display:flex}.stepper.svelte-a3h6p{background:var(--inset);border-radius:8px;align-items:center;height:26px;display:flex}.stepper.svelte-a3h6p button:where(.svelte-a3h6p){width:24px;height:26px;font:700 14px var(--mono);color:var(--dim);background:0 0;border:0}.stepper.svelte-a3h6p b:where(.svelte-a3h6p){font:700 11px var(--mono);text-align:center;min-width:26px}.groups.svelte-a3h6p{flex-wrap:wrap;gap:8px;display:flex}section.svelte-a3h6p{background:var(--inset);border-radius:12px;flex-direction:column;gap:6px;padding:8px 9px 6px;display:flex;box-shadow:inset 0 1px 2px #0000001a}h4.svelte-a3h6p{font:700 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.k.svelte-a3h6p{align-items:center;gap:0;display:flex}.pair.svelte-a3h6p{gap:4px;display:flex}.pick.svelte-a3h6p{background-position:calc(100% - 11px) 10px,calc(100% - 6px) 10px;max-width:132px;height:24px;padding:0 18px 0 6px;font-size:10px}.dim.svelte-a3h6p{opacity:.35}.tiny.svelte-a3h6p{border:1px solid var(--line);background:var(--raise);height:16px;color:var(--dim);font:700 8.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:0 6px}.tiny.on.svelte-a3h6p{background:var(--c);color:var(--on-c);border-color:#0000}.sound.svelte-dh9qt3{grid-template-columns:196px minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.id.svelte-dh9qt3{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.namerow.svelte-dh9qt3{align-items:center;gap:8px;width:100%;display:flex}.dot.svelte-dh9qt3{background:var(--c);border-radius:5px;flex:none;width:14px;height:14px}.name.svelte-dh9qt3{background:var(--inset);min-width:0;height:32px;font:700 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:text;user-select:text;border:1px solid #0000;border-radius:8px;flex:1;padding:0 8px}.name.svelte-dh9qt3:focus{border-color:var(--c);outline:none}.idbtns.svelte-dh9qt3{gap:2px;margin-left:-8px;display:flex}.id.svelte-dh9qt3 .seg:where(.svelte-dh9qt3){flex-wrap:wrap}.id.svelte-dh9qt3 .seg:where(.svelte-dh9qt3) button:where(.svelte-dh9qt3){min-width:0;padding:0 8px}.source.svelte-dh9qt3{flex-direction:column;gap:10px;min-width:0;display:flex}.krow.svelte-dh9qt3{flex-wrap:wrap;align-items:flex-start;gap:4px 2px;display:flex}.strip.svelte-dh9qt3{border-left:1px solid var(--line);min-height:100%;padding-left:18px}.strip.svelte-dh9qt3 .krow:where(.svelte-dh9qt3){grid-template-columns:repeat(2,auto);justify-content:start;display:grid}@media (max-width:1100px){.sound.svelte-dh9qt3{grid-template-columns:1fr}.id.svelte-dh9qt3{flex-flow:wrap;align-items:center}.namerow.svelte-dh9qt3{width:180px}.strip.svelte-dh9qt3{border-left:0;padding-left:0}.strip.svelte-dh9qt3 .krow:where(.svelte-dh9qt3){display:flex}}.tip.svelte-9y0sns{z-index:95;pointer-events:none;background:var(--ink);max-width:260px;color:var(--panel);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:500;line-height:1.35;animation:.12s ease-out svelte-9y0sns-tip;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 24px -8px #00000080}.tip.below.svelte-9y0sns{transform:translate(-50%)}@keyframes svelte-9y0sns-tip{0%{opacity:0}}.spot.svelte-zm8ypk{z-index:40;pointer-events:none;border:2px solid var(--accent);border-radius:12px;transition:left .2s,top .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 200vmax #00000052}.spot.ok.svelte-zm8ypk{border-color:var(--t3)}.card.svelte-zm8ypk{z-index:45;background:var(--panel);border:1px solid var(--line);width:min(340px,100vw - 16px);box-shadow:0 24px 50px -14px #0009, inset 0 1px 0 var(--hi);border-radius:16px;padding:12px 14px 10px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.card.float.svelte-zm8ypk{transition:left .2s,top .2s;bottom:auto;transform:none}.card.done.svelte-zm8ypk{width:min(420px,100vw - 16px)}header.svelte-zm8ypk{align-items:center;gap:8px;display:flex}header.svelte-zm8ypk b:where(.svelte-zm8ypk){flex:1;font-size:15px}.n.svelte-zm8ypk{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);font:700 11px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.n.ok.svelte-zm8ypk{background:var(--t3);color:var(--on-c)}.of.svelte-zm8ypk{font:600 10px var(--mono);color:var(--dim)}p.svelte-zm8ypk{margin:8px 0 10px;font-size:13px;line-height:1.45}kbd.svelte-zm8ypk{font:600 10px var(--mono);border:1px solid var(--line);background:var(--raise);border-radius:5px;padding:1px 5px}footer.svelte-zm8ypk{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}footer.svelte-zm8ypk .btn:where(.svelte-zm8ypk){height:28px;padding:0 10px;font-size:10px}@media (prefers-reduced-motion:reduce){.spot.svelte-zm8ypk,.card.float.svelte-zm8ypk{transition:none}}@media (max-width:640px){.card.float.svelte-zm8ypk{bottom:10px;transform:translate(-50%);top:auto!important;left:50%!important}}.lcd.svelte-1agbcr1{background:var(--lcd-bg);height:64px;color:var(--lcd-fg);box-shadow:inset 0 2px 6px #0009, 0 1px 0 var(--hi);font-family:var(--mono);border-radius:12px;align-items:stretch;gap:14px;min-width:0;padding:8px 12px;display:flex}.bpm.svelte-1agbcr1{flex-direction:column;justify-content:space-between;align-items:flex-start;width:74px;display:flex}.num.svelte-1agbcr1,.bpm.svelte-1agbcr1 input:where(.svelte-1agbcr1){letter-spacing:-.02em;font-variant-numeric:tabular-nums;cursor:ns-resize;touch-action:none;text-shadow:0 0 12px color-mix(in srgb, var(--lcd-fg) 60%, transparent);font-size:30px;font-weight:700;line-height:30px}.bpm.svelte-1agbcr1 input:where(.svelte-1agbcr1){width:74px;height:30px;color:inherit;cursor:text;appearance:textfield;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;padding:0;font-family:inherit}.bpm.svelte-1agbcr1 input:where(.svelte-1agbcr1)::-webkit-inner-spin-button{display:none}.tap.svelte-1agbcr1{color:var(--lcd-dim);letter-spacing:.12em;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.tap.svelte-1agbcr1:hover,.tap.svelte-1agbcr1:active{color:var(--lcd-fg)}.info.svelte-1agbcr1{flex-direction:column;justify-content:space-between;min-width:78px;font-size:10px;display:flex}.info.svelte-1agbcr1 div:where(.svelte-1agbcr1){gap:8px;line-height:14px;display:flex}.info.svelte-1agbcr1 span:where(.svelte-1agbcr1){color:var(--lcd-dim);letter-spacing:.1em;font-weight:700}.info.svelte-1agbcr1 b:where(.svelte-1agbcr1){font-variant-numeric:tabular-nums;font-weight:700}.scope.svelte-1agbcr1{flex-direction:column;flex:1;gap:2px;min-width:70px;display:flex}canvas.svelte-1agbcr1{flex:1;width:100%;min-height:0;display:block}.vu.svelte-1agbcr1{background:color-mix(in srgb, var(--lcd-dim) 45%, transparent);border-radius:2px;height:3px;overflow:hidden}.vu.svelte-1agbcr1 i:where(.svelte-1agbcr1){background:var(--lcd-fg);transform-origin:0;will-change:transform;height:100%;display:block;transform:scaleX(0)}@media (max-width:560px){.info.svelte-1agbcr1{display:none}}.top.svelte-10jwuar{border-bottom:1px solid var(--line)}.strip.svelte-10jwuar{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 0;display:flex}.deck.svelte-10jwuar{flex-wrap:wrap;align-items:center;gap:18px;padding:12px 18px 16px;display:flex}.brand.svelte-10jwuar{align-items:center;gap:9px;display:flex}.ring.svelte-10jwuar{border:5px solid var(--ink);border-top-color:var(--accent);will-change:transform;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ring.svelte-10jwuar i:where(.svelte-10jwuar){background:var(--accent);border-radius:2px;width:6px;height:6px}.word.svelte-10jwuar{letter-spacing:-.04em;font-size:21px;font-weight:700}.transport.svelte-10jwuar{gap:8px;display:flex}.tbtn.svelte-10jwuar{border:1px solid var(--line);background:var(--raise);width:52px;height:52px;box-shadow:0 4px 0 var(--edge), inset 0 1px 0 var(--hi);touch-action:manipulation;border-radius:15px;place-items:center;transition:transform 60ms,box-shadow 60ms,background .12s;display:grid}.tbtn.svelte-10jwuar:active{box-shadow:0 0 0 var(--edge), inset 0 1px 0 var(--hi);transform:translateY(4px)}.tbtn.play.svelte-10jwuar{background:var(--ink);width:64px;color:var(--panel);border-color:#0000}.tbtn.play.on.svelte-10jwuar{background:var(--accent);color:var(--accent-ink)}.tbtn.rec.svelte-10jwuar i:where(.svelte-10jwuar){background:var(--rec);opacity:.55;border-radius:50%;width:16px;height:16px;transition:opacity .12s,box-shadow .12s}.tbtn.rec.on.svelte-10jwuar i:where(.svelte-10jwuar){opacity:1;box-shadow:0 0 0 4px color-mix(in srgb, var(--rec) 28%, transparent), 0 0 14px var(--rec);animation:1s steps(2,jump-none) infinite svelte-10jwuar-blink}@keyframes svelte-10jwuar-blink{50%{opacity:.45}}.click.svelte-10jwuar{flex-direction:column;justify-content:center;gap:4px;display:flex}.mini.svelte-10jwuar{border:1px solid var(--line);background:var(--raise);width:40px;height:24px;color:var(--dim);box-shadow:0 2px 0 var(--edge), inset 0 1px 0 var(--hi);font:700 9px var(--mono);text-transform:uppercase;touch-action:manipulation;border-radius:8px;place-items:center;padding:0;display:grid}.mini.svelte-10jwuar:active{box-shadow:none;transform:translateY(2px)}.mini.on.svelte-10jwuar{background:var(--ink);color:var(--panel);border-color:#0000}.lcdwrap.svelte-10jwuar{flex:260px;min-width:200px}.knobs.svelte-10jwuar{gap:2px;display:flex}.group.svelte-10jwuar{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.pats.svelte-10jwuar{gap:3px;display:flex}.pat.svelte-10jwuar{height:30px;font-size:12px;width:27px!important}.pat.queued.svelte-10jwuar{animation:.4s steps(2,jump-none) infinite svelte-10jwuar-queued}@keyframes svelte-10jwuar-queued{50%{background:var(--accent);color:var(--accent-ink)}}.tools.svelte-10jwuar{align-items:center;gap:2px;display:flex}.tools.svelte-10jwuar .btn:where(.svelte-10jwuar){padding:0 9px}.tools.svelte-10jwuar .btn.sq:where(.svelte-10jwuar){padding:0}.sep.svelte-10jwuar{background:var(--line);width:1px;height:20px;margin:0 6px}.share.svelte-10jwuar{margin-left:8px;padding:0 14px!important}.midi.svelte-10jwuar{position:relative}.midi.svelte-10jwuar i:where(.svelte-10jwuar){background:var(--accent);opacity:0;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.midi.live.svelte-10jwuar{color:var(--ink)}.midi.live.svelte-10jwuar:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:4px;left:11px;right:11px}@media (max-width:900px){.tools.svelte-10jwuar .btn.ghost:where(.svelte-10jwuar) span:where(.svelte-10jwuar){display:none}.tools.svelte-10jwuar .btn.ghost:where(.svelte-10jwuar){width:32px;padding:0}}@media (max-width:720px){.strip.svelte-10jwuar{padding:10px 12px 0}.deck.svelte-10jwuar{gap:12px;padding:10px 12px 12px}.lcdwrap.svelte-10jwuar{flex-basis:100%;order:5}.deck.perform.svelte-10jwuar .extra:where(.svelte-10jwuar){display:none}.deck.perform.svelte-10jwuar .lcdwrap:where(.svelte-10jwuar){flex:120px;order:0;min-width:0}.sep.svelte-10jwuar{display:none}}@media (max-width:520px){.tools.svelte-10jwuar .midi:where(.svelte-10jwuar),.tools.svelte-10jwuar .theme:where(.svelte-10jwuar),.tools.svelte-10jwuar .community:where(.svelte-10jwuar),.tools.svelte-10jwuar .history:where(.svelte-10jwuar),.word.svelte-10jwuar,.tools.svelte-10jwuar .share:where(.svelte-10jwuar) span:where(.svelte-10jwuar){display:none}.share.svelte-10jwuar{margin-left:2px;padding:0 10px!important}.tools.svelte-10jwuar .btn.ghost:where(.svelte-10jwuar){width:30px}}.stage.svelte-1ocnzw1{flex-direction:column;align-items:center;gap:10px;min-height:100dvh;padding:22px 16px 10px;display:flex}.device.svelte-1ocnzw1{background:var(--panel);border:1px solid var(--line);width:100%;max-width:1320px;box-shadow:var(--shadow);border-radius:26px;position:relative;overflow:hidden}.lower.svelte-1ocnzw1{border-top:1px solid var(--line);grid-template-columns:178px minmax(0,1fr);gap:18px;padding:16px 18px 18px;display:grid}.padwrap.svelte-1ocnzw1{flex-direction:column;gap:8px;display:flex}.panel.svelte-1ocnzw1{flex-direction:column;gap:12px;min-width:0;display:flex}.tabs.svelte-1ocnzw1{gap:4px;display:flex}.tabs.svelte-1ocnzw1 button:where(.svelte-1ocnzw1){height:28px;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:0 14px}.tabs.svelte-1ocnzw1 button:where(.svelte-1ocnzw1):hover{color:var(--ink)}.tabs.svelte-1ocnzw1 button.on:where(.svelte-1ocnzw1){background:var(--ink);color:var(--panel)}.livetab.svelte-1ocnzw1{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.livetab.svelte-1ocnzw1 i:where(.svelte-1ocnzw1){background:var(--t3);width:8px;height:8px;box-shadow:0 0 8px var(--t3);border-radius:50%}.livetab.svelte-1ocnzw1 i.off:where(.svelte-1ocnzw1){background:var(--rec);box-shadow:none;animation:1s steps(2,jump-none) infinite svelte-1ocnzw1-wait}.livetab.svelte-1ocnzw1 b:where(.svelte-1ocnzw1){background:var(--rec);color:var(--on-c);border-radius:7px;padding:0 5px;font-size:9px}@keyframes svelte-1ocnzw1-wait{50%{opacity:.3}}.content.svelte-1ocnzw1{min-height:252px}.invite.svelte-1ocnzw1{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:14px;display:flex}.invite.svelte-1ocnzw1 .btn:where(.svelte-1ocnzw1){height:30px}footer.svelte-1ocnzw1{font:600 11px var(--mono);color:var(--dim);opacity:.85;flex-wrap:wrap;justify-content:center;gap:18px;padding:4px 0 8px;display:flex}footer.svelte-1ocnzw1 a:where(.svelte-1ocnzw1){color:inherit}footer.svelte-1ocnzw1 kbd:where(.svelte-1ocnzw1){font:inherit;border:1px solid;border-radius:4px;padding:1px 5px}[data-theme=slate] footer.svelte-1ocnzw1,[data-theme=arcade] footer.svelte-1ocnzw1,[data-theme=night] footer.svelte-1ocnzw1{color:#9a9fab}[data-theme=contrast] footer.svelte-1ocnzw1{color:#fff;opacity:1}.gate.svelte-1ocnzw1{z-index:80;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex;position:fixed;inset:0}.gate.svelte-1ocnzw1 b:where(.svelte-1ocnzw1){letter-spacing:-.03em;font-size:30px}.gate.svelte-1ocnzw1 .big:where(.svelte-1ocnzw1){background:var(--accent);width:112px;height:112px;color:var(--accent-ink);box-shadow:0 8px 0 color-mix(in srgb, var(--accent) 55%, #000), 0 30px 50px -10px #00000080;border-radius:34px;place-items:center;margin-bottom:14px;animation:1.4s ease-in-out infinite svelte-1ocnzw1-bob;display:grid}@keyframes svelte-1ocnzw1-bob{50%{transform:translateY(-6px)}}.drop.svelte-1ocnzw1{z-index:70;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;padding:18px;position:fixed;inset:0}.drop.svelte-1ocnzw1 div:where(.svelte-1ocnzw1){border:3px dashed var(--accent);height:100%;color:var(--ink);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.drop.svelte-1ocnzw1 b:where(.svelte-1ocnzw1){font-size:22px}.learnbar.svelte-1ocnzw1{z-index:60;background:var(--ink);color:var(--panel);border-radius:14px;align-items:center;gap:12px;max-width:min(94vw,640px);padding:8px 8px 8px 16px;font-size:13px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -10px #0009}.learnbar.svelte-1ocnzw1 b:where(.svelte-1ocnzw1){font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.learnbar.svelte-1ocnzw1 .btn:where(.svelte-1ocnzw1){height:28px}.busy.svelte-1ocnzw1,.toast.svelte-1ocnzw1{z-index:90;background:var(--ink);color:var(--panel);border-radius:14px;max-width:min(92vw,520px);padding:12px 18px;font-size:14px;font-weight:600;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -10px #0009}.toast.svelte-1ocnzw1{text-align:center;animation:.22s cubic-bezier(.2,.9,.3,1.2) svelte-1ocnzw1-rise}.toast.error.svelte-1ocnzw1{background:var(--rec);color:var(--on-c)}.busy.svelte-1ocnzw1{flex-direction:column;gap:8px;min-width:240px;display:flex}.bar.svelte-1ocnzw1{background:color-mix(in srgb, var(--panel) 25%, transparent);border-radius:3px;height:6px;overflow:hidden}.bar.svelte-1ocnzw1 i:where(.svelte-1ocnzw1){background:var(--accent);height:100%;transition:width .12s;display:block}@keyframes svelte-1ocnzw1-rise{0%{opacity:0;transform:translate(-50%,12px)}}@media (max-width:900px){.stage.svelte-1ocnzw1{padding:10px 8px}.device.svelte-1ocnzw1{border-radius:20px}.lower.svelte-1ocnzw1{grid-template-columns:minmax(0,1fr);padding:14px 12px}.tabs.svelte-1ocnzw1{overflow-x:auto}}