.transport-demo.svelte-hcwyga{--c-bg:#1e2028;--c-fg:#ede8dc;--c-olive:#787845;--c-salmon:#e8a090;--font-mono:"JetBrains Mono", "Fira Code", monospace;border-radius:12px;overflow:hidden}.transport-bar.svelte-hcwyga{background:var(--c-bg);color:var(--c-fg);font-family:var(--font-mono);font-size:var(--fs-base);border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:8px 12px;display:flex}.btn.svelte-hcwyga{height:28px;line-height:26px;font-family:var(--font-mono);font-size:var(--fs-base);letter-spacing:.08em;cursor:pointer;user-select:none;touch-action:none;box-sizing:border-box;background:0 0;border:1.5px solid;border-radius:3px;padding:0 10px;font-weight:700;transition:background .1s,color .1s}.btn-play.svelte-hcwyga{border-color:var(--c-olive);color:var(--c-fg)}.btn-play.svelte-hcwyga:hover{background:var(--c-olive)}.btn-stop.svelte-hcwyga{border-color:var(--c-salmon);color:var(--c-fg)}.btn-stop.svelte-hcwyga:hover{background:var(--c-salmon);color:var(--c-bg)}.bpm-label.svelte-hcwyga{opacity:.5;font-size:var(--fs-lg)}.error.svelte-hcwyga{color:var(--c-salmon)}.picker-backdrop.svelte-12eicut{z-index:9;position:fixed;inset:0}.bubble-item.svelte-12eicut{border:1.5px solid var(--dz-border);background:var(--color-fg);width:40px;height:40px;color:var(--dz-text-strong);cursor:pointer;z-index:10;box-shadow:0 2px 8px var(--lz-text-hint);border-radius:50%;justify-content:center;align-items:center;animation:.18s cubic-bezier(.34,1.56,.64,1) both svelte-12eicut-bubble-pop;display:flex;position:absolute}.bubble-item.current.svelte-12eicut{background:var(--dz-bg-press);border-color:var(--dz-transport-border);color:var(--dz-text-bright)}.bubble-item.svelte-12eicut:hover{background:var(--lz-text-strong);color:#fff;transform:scale(1.12)}.bubble-item.svelte-12eicut:active{transform:scale(.95)}.bubble-label.svelte-12eicut{font-size:var(--fs-min);letter-spacing:.05em;pointer-events:none;font-weight:700}@keyframes svelte-12eicut-bubble-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media (pointer:coarse){.bubble-item.svelte-12eicut{width:44px;height:44px}.bubble-label.svelte-12eicut{font-size:var(--fs-sm)}}.fx-view.svelte-cgdlln{flex-direction:column;flex:1;display:flex;overflow:hidden}.fx-pad.svelte-cgdlln{background:var(--color-fg);touch-action:none;user-select:none;flex:1;position:relative;overflow:hidden}.visualizer.svelte-cgdlln{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.fx-pad.svelte-cgdlln{--kick-pulse:1}.fx-node.svelte-cgdlln{border:2px solid var(--node-color);width:48px;height:48px;color:var(--node-color);cursor:grab;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:flex;position:absolute;transform:translate(-50%,50%)}.fx-node.dragging.svelte-cgdlln{cursor:grabbing;z-index:3;box-shadow:0 0 24px color-mix(in srgb, var(--node-color) 50%, transparent);transform:translate(-50%,50%)scale(1.25)}.fx-node.on.svelte-cgdlln{background:var(--node-color);color:var(--color-bg);box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 40%, transparent);transform:translate(-50%, 50%) scale(var(--kick-pulse))}.fx-node.on.dragging.svelte-cgdlln{box-shadow:0 0 28px color-mix(in srgb, var(--node-color) 60%, transparent)}.fx-node.frozen.svelte-cgdlln{border-style:dashed;animation:2s ease-in-out infinite svelte-cgdlln-freeze-pulse}@keyframes svelte-cgdlln-freeze-pulse{0%,to{box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 40%, transparent)}50%{box-shadow:0 0 24px color-mix(in srgb, var(--color-blue,#4472b4) 60%, transparent)}}.fx-node.mode2.svelte-cgdlln{border-width:3px}.node-label.svelte-cgdlln{font-size:var(--fs-md);letter-spacing:.1em;pointer-events:none;font-weight:700}.filt-view.svelte-8nglz5{flex-direction:column;flex:1;display:flex;overflow:hidden}.filt-pad.svelte-8nglz5{background:var(--color-fg);touch-action:none;user-select:none;flex:1;position:relative;overflow:hidden}.visualizer.svelte-8nglz5{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gl-layer.svelte-8nglz5{z-index:0}.eq-layer.svelte-8nglz5{z-index:1}.filt-node.svelte-8nglz5{border:2px solid var(--node-color);width:40px;height:40px;color:var(--node-color);cursor:grab;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:flex;position:absolute;transform:translate(-50%,50%)}.filt-node.active.svelte-8nglz5{cursor:grabbing;z-index:3;box-shadow:0 0 24px color-mix(in srgb, var(--node-color) 50%, transparent);transform:translate(-50%,50%)scale(1.15)}.filt-node.on.svelte-8nglz5{background:var(--node-color);color:var(--color-bg);box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 35%, transparent)}.filt-node.on.active.svelte-8nglz5{box-shadow:0 0 32px color-mix(in srgb, var(--node-color) 60%, transparent)}.node-label.svelte-8nglz5{font-size:var(--fs-md);letter-spacing:.08em;pointer-events:none;font-weight:700}.q-label.svelte-8nglz5{font-size:var(--fs-min);color:var(--node-color);opacity:.6;white-space:nowrap;pointer-events:none;font-weight:600;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.master-view.svelte-1asjatp{flex-direction:row;flex:1;display:flex;overflow:hidden}.master-pad.svelte-1asjatp{background:var(--color-fg);touch-action:none;user-select:none;flex:1;position:relative;overflow:hidden}.master-pad.svelte-1asjatp:after{content:"";background:radial-gradient(ellipse at center, var(--glow-color,transparent) 0%, transparent var(--glow-radius,50%));opacity:var(--glow-alpha,0);pointer-events:none;z-index:0;transition:opacity 80ms linear;position:absolute;inset:0}.master-pad.clipping.svelte-1asjatp:after{animation:.3s ease-in-out infinite alternate svelte-1asjatp-clip-bg-throb}@keyframes svelte-1asjatp-clip-bg-throb{0%{opacity:var(--glow-alpha,.2)}to{opacity:calc(var(--glow-alpha,.2) * 1.6)}}.master-pad.playing.svelte-1asjatp:before{content:"";background:radial-gradient(ellipse at center, var(--dz-divider) 0%, transparent 60%);animation:svelte-1asjatp-beat-pulse var(--beat-dur,.5s) ease-out infinite;pointer-events:none;z-index:0;position:absolute;inset:0}@keyframes svelte-1asjatp-beat-pulse{0%{opacity:1;transform:scale(1)}15%{opacity:.4;transform:scale(1.02)}50%{opacity:0;transform:scale(1.04)}to{opacity:0;transform:scale(1.06)}}.crosshair-h.svelte-1asjatp,.crosshair-v.svelte-1asjatp{pointer-events:none;z-index:1;transition:opacity .12s;position:absolute}.crosshair-h.svelte-1asjatp{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--node-color) 15%, transparent) 20%, color-mix(in srgb, var(--node-color) 15%, transparent) 80%, transparent);opacity:.5;height:1px;left:0;right:0;transform:translateY(.5px)}.crosshair-v.svelte-1asjatp{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--node-color) 15%, transparent) 20%, color-mix(in srgb, var(--node-color) 15%, transparent) 80%, transparent);opacity:.5;width:1px;top:0;bottom:0;transform:translate(-.5px)}.crosshair-h.dragging.svelte-1asjatp,.crosshair-v.dragging.svelte-1asjatp{opacity:1}.axis-label.svelte-1asjatp{font-size:var(--fs-sm);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--node-color);pointer-events:none;z-index:4;white-space:nowrap;opacity:.8;font-weight:700;position:absolute}.axis-x.svelte-1asjatp{bottom:6px;transform:translate(-50%)}.axis-y.svelte-1asjatp{right:8px;transform:translateY(50%)}.pad-node.svelte-1asjatp{width:44px;height:44px;transform:translate(-50%, 50%) scale(var(--node-scale,1));border:2px solid var(--node-color);color:var(--node-color);cursor:grab;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .12s ease-out,box-shadow .12s ease-out,transform 80ms ease-out;display:flex;position:absolute}.pad-node.active.svelte-1asjatp{cursor:grabbing;z-index:3;box-shadow:0 0 24px color-mix(in srgb, var(--node-color) 50%, transparent)}.pad-node.on.svelte-1asjatp{background:var(--node-color);color:var(--color-bg);box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 35%, transparent)}.pad-node.on.active.svelte-1asjatp{box-shadow:0 0 32px color-mix(in srgb, var(--node-color) 60%, transparent)}.node-label.svelte-1asjatp{font-size:var(--fs-md);letter-spacing:.08em;pointer-events:none;font-weight:700}.readout.svelte-1asjatp{z-index:5;pointer-events:none;background:var(--lz-text-mid);backdrop-filter:blur(4px);border-radius:0;flex-direction:column;gap:3px;padding:4px 6px;display:flex;position:absolute;top:8px;left:12px}.ro-group.svelte-1asjatp{align-items:baseline;gap:4px;display:flex}.ro-tag.svelte-1asjatp{font-size:var(--fs-md);letter-spacing:.08em;color:var(--node-color);opacity:.7;min-width:36px;font-weight:800}.ro-label.svelte-1asjatp{font-size:var(--fs-md);letter-spacing:.06em;color:var(--dz-transport-border);font-weight:700}.ro-val.svelte-1asjatp{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--dz-text);min-width:36px;font-weight:600}.vu-meters.svelte-1asjatp{z-index:1;pointer-events:none;flex-direction:row;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.vu-dot-track-ref.svelte-1asjatp{position:relative}.vu-dot-track-ref.svelte-1asjatp:before{content:"0dB";font-size:var(--fs-sm);color:var(--dz-text-dim);white-space:nowrap;font-weight:700;line-height:1;position:absolute;top:16px;right:calc(100% + 5px);transform:translateY(-50%)}.vu-dot-col.svelte-1asjatp{flex-direction:column;align-items:center;gap:4px;display:flex}.vu-ch.svelte-1asjatp{font-size:var(--fs-sm);color:var(--dz-border-mid);order:1;font-weight:700}.vu-dot-track.svelte-1asjatp{flex-direction:column-reverse;align-items:center;gap:3px;display:flex}.vu-dot.svelte-1asjatp{background:color-mix(in srgb, var(--dot-color) 12%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background 60ms linear}.vu-dot.lit.svelte-1asjatp{background:var(--dot-color);box-shadow:0 0 4px color-mix(in srgb, var(--dot-color) 40%, transparent)}.vu-dot.hold.svelte-1asjatp{background:var(--dot-color);opacity:.7}.vu-dot.clip.svelte-1asjatp{background:var(--color-danger);box-shadow:0 0 8px var(--danger-border);animation:.2s ease-in-out infinite alternate svelte-1asjatp-clip-throb}@keyframes svelte-1asjatp-clip-throb{0%{transform:scale(1)}to{transform:scale(1.4)}}.gr-col.svelte-1asjatp{margin-left:3px}.gr-dot.svelte-1asjatp{--dot-color:var(--color-salmon);background:color-mix(in srgb, var(--color-salmon) 12%, transparent)}.gr-dot.lit.svelte-1asjatp{background:var(--color-salmon);box-shadow:0 0 4px color-mix(in srgb, var(--color-salmon) 40%, transparent)}.master-pad.clipping.svelte-1asjatp .vu-ch:where(.svelte-1asjatp){color:var(--color-danger);transition:color 60ms}