.grid.svelte-1jud2p4{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12px 12px, var(--color-fg-subtle) 1.4px, transparent 1.8px), radial-gradient(circle at 12px 12px, var(--color-fg-faint) .9px, transparent 1.3px);opacity:.35;background-position:0 0,0 0;background-size:96px 96px,24px 24px;animation:90s linear infinite svelte-1jud2p4-drift-grid;position:absolute;inset:0}@keyframes svelte-1jud2p4-drift-grid{0%{background-position:0 0,0 0}to{background-position:96px 96px,96px 96px}}.overlay.svelte-19sh0p{--gutter:clamp(1.25rem, 4vw, 4rem);z-index:50;background:var(--color-bg);column-gap:var(--gutter);padding:var(--spacing-2xl) var(--gutter) var(--spacing-xl);opacity:0;grid-template:"brand."".auth"1fr"foot foot"/1fr 1fr;animation:.28s forwards svelte-19sh0p-fade-in;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes svelte-19sh0p-fade-in{to{opacity:1}}@media (width<=720px){.overlay.svelte-19sh0p{row-gap:var(--spacing-2xl);grid-template:"brand""auth""."1fr"foot"/1fr}}.brand.svelte-19sh0p{z-index:1;opacity:0;grid-area:brand;align-self:start;max-width:28ch;animation:.8s cubic-bezier(.22,.61,.36,1) 80ms forwards svelte-19sh0p-rise}.brand.svelte-19sh0p h1:where(.svelte-19sh0p){font-family:var(--font-display);font-variation-settings:"wght" 600, "opsz" 96;letter-spacing:-.035em;margin:0 0 var(--spacing-lg);font-size:clamp(2.5rem,7vw,5rem);font-weight:600;line-height:.96}.brand.svelte-19sh0p h1:where(.svelte-19sh0p) .punct:where(.svelte-19sh0p){color:var(--color-accent)}.tagline.svelte-19sh0p{color:var(--color-fg-muted);margin:0 0 var(--spacing-xl);max-width:28ch;font-size:1.25rem;font-weight:400;line-height:1.4}.hint.svelte-19sh0p{color:var(--color-fg-subtle);max-width:28ch;margin:0;font-size:.95rem;line-height:1.55}.auth.svelte-19sh0p{z-index:1;place-self:center end;gap:var(--spacing-xl);opacity:0;flex-direction:column;grid-area:auth;width:100%;max-width:26rem;animation:.9s cubic-bezier(.22,.61,.36,1) .24s forwards svelte-19sh0p-rise;display:flex}@media (width<=720px){.auth.svelte-19sh0p{justify-self:start}}.field.svelte-19sh0p{gap:var(--spacing-xs);flex-direction:column;display:flex}.label.svelte-19sh0p{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-subtle);font-size:.78rem}.field.svelte-19sh0p input:where(.svelte-19sh0p){font-family:var(--font-display);font-variation-settings:"wght" 400, "opsz" 48;letter-spacing:-.015em;color:var(--color-fg);border:none;border-bottom:1px solid var(--color-line);padding:var(--spacing-sm) 0;background:0 0;outline:none;width:100%;font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:400;transition:border-color .36s}.field.svelte-19sh0p input:where(.svelte-19sh0p)::placeholder{color:var(--color-fg-faint);font-weight:300}.field.svelte-19sh0p input:where(.svelte-19sh0p):focus{border-bottom-color:var(--color-accent)}.field.svelte-19sh0p:has(input:where(.svelte-19sh0p):focus) .label:where(.svelte-19sh0p){color:var(--color-accent);transition:color .24s}.error.svelte-19sh0p{color:var(--color-accent);margin:0;font-size:.9rem}.submit.svelte-19sh0p{align-self:start;align-items:baseline;gap:var(--spacing-sm);font-family:var(--font-display);font-variation-settings:"wght" 500;color:var(--color-fg);padding:var(--spacing-sm) 0 calc(var(--spacing-sm) - 2px);border:none;border-bottom:2px solid var(--color-accent);cursor:pointer;background:0 0;font-size:1.15rem;font-weight:500;transition:gap .36s cubic-bezier(.22,.61,.36,1),color .24s,padding .24s;display:inline-flex}.submit.svelte-19sh0p:hover:not(:disabled),.submit.svelte-19sh0p:focus-visible:not(:disabled){gap:var(--spacing-md);color:var(--color-accent)}.submit.svelte-19sh0p:disabled{color:var(--color-fg-faint);cursor:progress;border-bottom-color:var(--color-line)}.submit.svelte-19sh0p .arrow:where(.svelte-19sh0p){font-family:var(--font-mono);font-size:1.05rem;font-weight:400}.foot.svelte-19sh0p{z-index:1;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-faint);padding-top:var(--spacing-3xl);opacity:0;grid-area:foot;align-self:end;font-size:.72rem;animation:.7s cubic-bezier(.22,.61,.36,1) .48s forwards svelte-19sh0p-rise}@keyframes svelte-19sh0p-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.knob.svelte-d55aj0{cursor:ns-resize;color:var(--color-fg-muted);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 4px 2px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.knob.svelte-d55aj0:hover{background:var(--color-bg-elevated);border-color:var(--color-line);color:var(--color-fg)}.knob.svelte-d55aj0:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.knob.dragging.svelte-d55aj0{background:var(--color-bg-deep);border-color:var(--color-accent);color:var(--color-fg)}.knob.svelte-d55aj0 svg:where(.svelte-d55aj0){width:36px;height:36px;display:block}.track.svelte-d55aj0{stroke:var(--color-line);stroke-width:2px;stroke-linecap:round}.arc.svelte-d55aj0{stroke:var(--color-accent);stroke-width:2.4px;stroke-linecap:round;transition:stroke .2s}.centre.svelte-d55aj0{fill:var(--color-fg-faint);transition:fill .2s}.knob.dragging.svelte-d55aj0 .centre:where(.svelte-d55aj0),.knob.svelte-d55aj0:hover .centre:where(.svelte-d55aj0){fill:var(--color-accent)}.tick.svelte-d55aj0{stroke:var(--color-fg);stroke-width:2.2px;stroke-linecap:round}.kn-label.svelte-d55aj0{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-faint);margin-top:2px;font-size:.55rem}.knob.dragging.svelte-d55aj0 .kn-label:where(.svelte-d55aj0),.knob.svelte-d55aj0:hover .kn-label:where(.svelte-d55aj0){color:var(--color-fg-muted)}.picker.svelte-hwrgxk{border:1px solid var(--color-line);background:var(--color-bg-elevated);border-radius:999px;align-items:stretch;transition:border-color .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}.picker.svelte-hwrgxk:hover{border-color:var(--color-line-strong)}.pill.svelte-hwrgxk{color:var(--color-fg);font-family:var(--font-display);font-variation-settings:"wght" 500, "opsz" 30;letter-spacing:-.01em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-width:0;padding:4px 10px;font-size:.92rem;font-weight:500;transition:color .18s;display:inline-flex}.pill.svelte-hwrgxk:hover{color:var(--color-accent)}.pill-label.svelte-hwrgxk{font-variant-numeric:tabular-nums}.caret.svelte-hwrgxk{border:none;border-left:1px solid var(--color-line);width:22px;color:var(--color-fg-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 4px 0 0;transition:color .18s,background .18s;display:inline-flex}.caret.svelte-hwrgxk:hover{color:var(--color-fg);background:var(--color-bg-deep)}.caret.svelte-hwrgxk svg:where(.svelte-hwrgxk){width:10px;height:10px}.popover.svelte-hwrgxk{z-index:20;background:var(--color-bg-deep);border:1px solid var(--color-line);border-radius:12px;flex-direction:column;gap:4px;min-width:160px;padding:8px;animation:.16s cubic-bezier(.22,.61,.36,1) svelte-hwrgxk-popIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px oklch(0% 0 0/.45)}@keyframes svelte-hwrgxk-popIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-label.svelte-hwrgxk{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-faint);padding:2px 4px;font-size:.6rem}.group.svelte-hwrgxk{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.opt.svelte-hwrgxk{color:var(--color-fg-muted);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 8px;font-size:.82rem;transition:background .16s,color .16s,border-color .16s}.opt.svelte-hwrgxk:hover{background:var(--color-bg-elevated);color:var(--color-fg)}.opt.active.svelte-hwrgxk{color:var(--color-accent);border-color:var(--color-line);background:var(--color-bg-elevated)}.drawer.svelte-14390el{background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative}.head.svelte-14390el{justify-content:space-between;align-items:center;gap:8px;display:flex}.title.svelte-14390el{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--color-fg-sub);align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.dot.svelte-14390el{background:var(--color-accent);border-radius:50%;width:6px;height:6px;display:inline-block}.filename.svelte-14390el{text-transform:none;letter-spacing:0;color:var(--color-fg-faint);font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;max-width:14em;font-size:.78rem;overflow:hidden}.closebtn.svelte-14390el{color:var(--color-fg-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.closebtn.svelte-14390el:hover{color:var(--color-fg)}.body.svelte-14390el{flex-direction:column;gap:10px;display:flex}.wave-wrap.svelte-14390el{background:var(--color-bg-deep);border:1px solid var(--color-line);border-radius:8px;min-height:70px;position:relative;overflow:hidden}.wave-empty.svelte-14390el{color:var(--color-fg-faint);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.wave.svelte-14390el{width:100%;height:70px;display:block}.bar.svelte-14390el{fill:var(--color-fg-muted)}.dim.svelte-14390el{fill:oklch(0% 0 0/.55)}.marker.svelte-14390el{stroke-width:.6px}.marker.start.svelte-14390el,.marker.end.svelte-14390el{stroke:var(--color-accent)}.marker.loop.svelte-14390el{stroke:oklch(70% .14 220);stroke-dasharray:3 2}.actions-row.svelte-14390el{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn.svelte-14390el{border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem}.btn.svelte-14390el:hover:not(:disabled){border-color:var(--color-line-strong)}.btn.svelte-14390el:disabled{opacity:.55;cursor:not-allowed}.hint.svelte-14390el{color:var(--color-fg-faint);font-size:.72rem}.error.svelte-14390el{color:oklch(70% .18 25);font-size:.78rem}.sliders.svelte-14390el{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}.slider.svelte-14390el{flex-direction:column;gap:2px;display:flex}.lab.svelte-14390el{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-fg-faint);justify-content:space-between;align-items:center;font-size:.65rem;display:flex}.val.svelte-14390el{text-transform:none;letter-spacing:0;color:var(--color-fg-mute);font-size:.7rem}.slider.svelte-14390el input[type=range]:where(.svelte-14390el){width:100%;accent-color:var(--color-accent)}.bar.svelte-ii6evk{background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.row.svelte-ii6evk{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-label.svelte-ii6evk{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-faint);min-width:64px;font-size:.62rem}.chips.svelte-ii6evk{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip.svelte-ii6evk{border:1px solid var(--color-line);background:var(--color-bg);border-radius:999px;align-items:stretch;transition:border-color .2s,background .2s;display:inline-flex;overflow:hidden}.chip.svelte-ii6evk:hover{border-color:var(--color-line-strong)}.chip.active.svelte-ii6evk{border-color:var(--color-accent);background:var(--color-bg-deep)}.chip-name.svelte-ii6evk{color:var(--color-fg);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.chip-name.svelte-ii6evk:hover{color:var(--color-accent)}.chip-name.svelte-ii6evk .dot:where(.svelte-ii6evk){background:var(--color-fg-faint);border-radius:50%;width:5px;height:5px;display:inline-block}.chip.active.svelte-ii6evk .chip-name:where(.svelte-ii6evk) .dot:where(.svelte-ii6evk){background:var(--color-accent)}.chip-name.svelte-ii6evk .meta:where(.svelte-ii6evk){font-family:var(--font-mono);color:var(--color-fg-faint);font-size:.62rem}.chip-add.svelte-ii6evk,.chip-x.svelte-ii6evk{border:none;border-left:1px solid var(--color-line);color:var(--color-fg-muted);cursor:pointer;background:0 0;padding:0 8px;font-size:.95rem;line-height:1;transition:color .16s,background .16s}.chip-add.svelte-ii6evk:hover{color:var(--color-accent);background:var(--color-bg-deep)}.chip-x.svelte-ii6evk:hover{color:oklch(70% .18 25);background:var(--color-bg-deep)}.add-section.svelte-ii6evk{border:1px dashed var(--color-line);color:var(--color-fg-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:.8rem}.add-section.svelte-ii6evk:hover{border-color:var(--color-accent);color:var(--color-fg)}.slots.svelte-ii6evk{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.empty.svelte-ii6evk{color:var(--color-fg-faint);font-size:.78rem}.slot.svelte-ii6evk{border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:4px;padding:2px 6px 2px 8px;font-size:.72rem;display:inline-flex}.slot.svelte-ii6evk:active{cursor:grabbing}.slot.current.svelte-ii6evk{border-color:var(--color-accent);background:var(--color-bg-deep);color:var(--color-accent)}.slot-num.svelte-ii6evk{opacity:.5}.slot-name.svelte-ii6evk{font-family:var(--font-display);font-size:.78rem}.slot-x.svelte-ii6evk{color:var(--color-fg-faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.85rem;line-height:1}.slot-x.svelte-ii6evk:hover{color:oklch(70% .18 25)}html,body{height:100%;margin:0;overflow:hidden}.page.svelte-1uha8ag{--accent:var(--color-accent);--bg:var(--color-bg);--bg-2:var(--color-bg-elevated);--bg-3:var(--color-bg-deep);--fg:var(--color-fg);--fg-mute:var(--color-fg-muted);--fg-sub:var(--color-fg-subtle);--fg-faint:var(--color-fg-faint);--line:var(--color-line);--line-strong:var(--color-line-strong);min-height:100dvh;max-height:100dvh;font-family:var(--font-sans);color:var(--fg);background:radial-gradient(80vw 60vh at 80% -10%, oklch(18% .02 50/.65), transparent 70%), radial-gradient(60vw 50vh at -10% 110%, oklch(18% .05 40/.4), transparent 60%), var(--bg);grid-template-rows:auto auto 1fr auto;gap:clamp(8px,1.4vh,14px);padding:clamp(10px,2vh,22px) clamp(12px,2.6vw,32px);display:grid;overflow:hidden}.topbar.svelte-1uha8ag{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:clamp(10px,2vw,24px);display:grid}.brand.svelte-1uha8ag{align-items:center;gap:12px;display:flex}.logo.svelte-1uha8ag{grid-template-columns:repeat(2,8px);gap:4px;display:grid}.logo.svelte-1uha8ag .dot:where(.svelte-1uha8ag){background:var(--fg-sub);border-radius:50%;width:8px;height:8px}.logo.svelte-1uha8ag .dot:where(.svelte-1uha8ag):first-child{background:var(--accent)}.title.svelte-1uha8ag{font-family:var(--font-display);font-variation-settings:"wght" 600, "opsz" 60;letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:600}.transport.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:14px;display:flex}.btn-play.svelte-1uha8ag{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font-family:var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:.95rem;font-weight:500;transition:background .22s,border-color .22s,color .22s,transform .12s;display:inline-flex}.btn-play.svelte-1uha8ag .play-glyph:where(.svelte-1uha8ag){color:var(--accent);font-size:.8rem}.btn-play.svelte-1uha8ag:hover{border-color:var(--line-strong)}.btn-play.svelte-1uha8ag:active{transform:scale(.97)}.btn-play.playing.svelte-1uha8ag{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-play.playing.svelte-1uha8ag .play-glyph:where(.svelte-1uha8ag){color:var(--bg)}.transport-knobs.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bpm.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.bpm.svelte-1uha8ag input:where(.svelte-1uha8ag){font-family:var(--font-display);font-variation-settings:"wght" 500, "opsz" 60;letter-spacing:-.02em;color:var(--fg);text-align:left;background:0 0;border:none;outline:none;width:3.6ch;padding:0;font-size:1.3rem;font-weight:500}.bpm.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{color:var(--accent)}.key-pick.svelte-1uha8ag{flex-direction:column;gap:2px;display:inline-flex}.key-pick.svelte-1uha8ag select:where(.svelte-1uha8ag){font-family:var(--font-display);font-variation-settings:"wght" 500, "opsz" 60;color:var(--fg);cursor:pointer;appearance:none;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:2px 0;font-size:1rem;font-weight:500}.key-pick.svelte-1uha8ag select:where(.svelte-1uha8ag):hover,.key-pick.svelte-1uha8ag select:where(.svelte-1uha8ag):focus{border-bottom-color:var(--line)}.key-pick.svelte-1uha8ag select:where(.svelte-1uha8ag) option:where(.svelte-1uha8ag){background:var(--bg-3);color:var(--fg)}.kn-label.svelte-1uha8ag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);font-size:.62rem}.seg.svelte-1uha8ag{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;padding:3px;display:inline-flex}.seg-btn.svelte-1uha8ag{font-family:var(--font-mono);color:var(--fg-mute);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:.74rem;transition:background .2s,color .2s}.seg-btn.active.svelte-1uha8ag{background:var(--bg-3);color:var(--accent)}.actions.svelte-1uha8ag{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:8px;display:inline-flex}button.ghost.svelte-1uha8ag{border:1px solid var(--line);color:var(--fg-mute);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}button.ghost.svelte-1uha8ag:hover{color:var(--fg);border-color:var(--line-strong);background:var(--bg-2)}button.primary.svelte-1uha8ag{border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:.88rem;font-weight:500;transition:transform .14s cubic-bezier(.34,1.5,.4,1),filter .2s,opacity .2s}button.primary.svelte-1uha8ag:hover:not(:disabled){filter:brightness(1.05)}button.primary.svelte-1uha8ag:active{transform:scale(.97)}button.primary.svelte-1uha8ag:disabled{opacity:.6;cursor:progress}.kbd.svelte-1uha8ag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--bg-3);color:var(--fg-sub);border-radius:6px;padding:2px 6px;font-size:.66rem}.grid-wrap.svelte-1uha8ag{flex-direction:column;gap:8px;min-height:0;padding:8px 4px 6px;display:flex;overflow:auto}.step-ruler.svelte-1uha8ag{grid-template-columns:130px 1fr clamp(180px,22vw,270px);align-items:center;gap:12px;padding:0 8px;display:grid}.ruler-spacer.svelte-1uha8ag{grid-column:1/2}.ruler-scroll.svelte-1uha8ag{grid-column:2/3;overflow-x:auto}.ruler-knobs.svelte-1uha8ag{grid-column:3/4}.step-ruler-cells.svelte-1uha8ag{grid-template-columns:repeat(var(--steps), minmax(22px, 1fr));gap:4px;min-width:100%;display:grid}.ruler-cell.svelte-1uha8ag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-faint);text-align:center;padding:0;font-size:.58rem}.ruler-cell.beat.svelte-1uha8ag{color:var(--fg-sub)}.track.svelte-1uha8ag{background:var(--bg-2);border:1px solid #0000;border-radius:16px;grid-template-columns:130px 1fr clamp(180px,22vw,270px);align-items:center;gap:12px;padding:6px 8px;transition:background .24s,border-color .24s;display:grid}.track.focused.svelte-1uha8ag{background:var(--bg-3);border-color:var(--line)}.track-head.svelte-1uha8ag{color:var(--fg);text-align:left;font-family:var(--font-display);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:4px 6px;display:flex}.track-meta.svelte-1uha8ag{align-items:center;gap:4px;display:inline-flex}.track-num.svelte-1uha8ag{font-family:var(--font-mono);color:var(--fg-faint);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:.56rem;transition:color .16s,background .16s}.track-num.svelte-1uha8ag:hover{color:var(--fg-mute);background:var(--bg)}.track-head.focused.svelte-1uha8ag .track-num:where(.svelte-1uha8ag){color:var(--accent)}.track-x.svelte-1uha8ag{color:var(--fg-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.85rem;line-height:1}.track-x.svelte-1uha8ag:hover{color:oklch(70% .18 25)}.sample-btn.svelte-1uha8ag{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);color:var(--fg-mute);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:110px;padding:2px 6px;font-size:.65rem;overflow:hidden}.sample-btn.svelte-1uha8ag:hover{border-color:var(--accent);color:var(--fg)}.row-scroll.svelte-1uha8ag{min-width:0;overflow-x:auto}.row.svelte-1uha8ag{grid-template-columns:repeat(var(--steps), minmax(22px, 1fr));gap:4px;min-width:100%;display:grid}.cell.svelte-1uha8ag{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);min-width:22px;min-height:22px;max-height:50px;color:var(--fg-sub);cursor:pointer;font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.58rem;transition:background .2s,border-color .2s,color .2s,transform .14s cubic-bezier(.34,1.5,.4,1),box-shadow .2s;display:flex;position:relative}.cell.beat.svelte-1uha8ag{border-color:oklch(32% .018 80)}.cell.svelte-1uha8ag:hover{border-color:var(--line-strong);background:var(--bg-2)}.cell.on.svelte-1uha8ag{border-color:var(--accent-soft,oklch(74% .1 40));color:var(--fg);background:oklch(34% .06 40)}.cell.on.svelte-1uha8ag:hover{filter:brightness(1.08)}.cell.focus.svelte-1uha8ag{outline:2px solid var(--accent);outline-offset:2px}.cell.active.svelte-1uha8ag{box-shadow:0 0 0 2px var(--accent), 0 6px 18px oklch(74% .18 40/.25);transform:scale(1.06)}.cell.active.on.svelte-1uha8ag{background:var(--accent);color:var(--bg);border-color:var(--accent)}.cell.on.svelte-1uha8ag .note:where(.svelte-1uha8ag){color:inherit;opacity:.85;font-size:.55rem}.knobs.svelte-1uha8ag{grid-template-columns:repeat(5,1fr);gap:2px;padding:0 2px;display:grid}.add-track.svelte-1uha8ag{border:1px dashed var(--line);color:var(--fg-mute);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;margin-left:12px;padding:6px 14px;font-size:.8rem}.add-track.svelte-1uha8ag:hover{border-color:var(--accent);color:var(--fg)}.bottom.svelte-1uha8ag{grid-template-columns:1fr auto auto;align-items:end;gap:clamp(10px,1.6vw,22px);display:grid}.hint.svelte-1uha8ag{color:var(--fg-faint);font-family:var(--font-sans);flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.dotsep.svelte-1uha8ag{opacity:.4}.library.svelte-1uha8ag{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;min-width:clamp(220px,26vw,340px);max-width:380px;max-height:130px;padding:8px 10px;display:flex}.lib-head.svelte-1uha8ag{justify-content:space-between;align-items:center;display:flex}.lib-title.svelte-1uha8ag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-sub);font-size:.68rem}.ghost-tiny.svelte-1uha8ag{font-family:var(--font-mono);border:1px solid var(--line);color:var(--fg-mute);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:.62rem}.ghost-tiny.svelte-1uha8ag:hover{color:var(--fg);border-color:var(--line-strong)}.lib-body.svelte-1uha8ag{flex:1;min-height:0;overflow:auto}.lib-empty.svelte-1uha8ag{color:var(--fg-faint);margin:4px 0;font-size:.76rem}.lib-list.svelte-1uha8ag{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lib-list.svelte-1uha8ag li:where(.svelte-1uha8ag){align-items:stretch;gap:4px;display:flex}.lib-item.svelte-1uha8ag{text-align:left;color:var(--fg);cursor:pointer;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.84rem;display:flex}.lib-item.svelte-1uha8ag:hover{background:var(--bg-3);border-color:var(--line)}.lib-name.svelte-1uha8ag{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-meta.svelte-1uha8ag{font-family:var(--font-mono);color:var(--fg-faint);white-space:nowrap;font-size:.6rem}.lib-preview.svelte-1uha8ag{border:1px solid var(--line);width:28px;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;font-size:.7rem}.lib-preview.svelte-1uha8ag:hover{background:var(--bg-3)}.namefield.svelte-1uha8ag{flex-direction:column;gap:2px;min-width:160px;display:flex}.namefield.svelte-1uha8ag input:where(.svelte-1uha8ag){font-family:var(--font-display);border:none;border-bottom:1px solid var(--line);color:var(--fg);background:0 0;outline:none;padding:4px 0;font-size:1rem;font-weight:400;transition:border-color .2s}.namefield.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-bottom-color:var(--accent)}.toast.svelte-1uha8ag{background:var(--bg-3);border:1px solid var(--accent);color:var(--fg);font-family:var(--font-mono);letter-spacing:.05em;z-index:60;text-align:center;border-radius:999px;max-width:90vw;padding:10px 18px;font-size:.78rem;animation:.24s both svelte-1uha8ag-toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px oklch(0% 0 0/.45)}@keyframes svelte-1uha8ag-toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.topbar.svelte-1uha8ag{grid-template-columns:1fr}.transport.svelte-1uha8ag,.actions.svelte-1uha8ag{justify-self:start}.bottom.svelte-1uha8ag,.track.svelte-1uha8ag,.step-ruler.svelte-1uha8ag{grid-template-columns:1fr}.ruler-knobs.svelte-1uha8ag{display:none}.knobs.svelte-1uha8ag{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}}