.transport-demo.svelte-hcwyga{border-radius:12px;overflow:hidden;--c-bg: #1E2028;--c-fg: #EDE8DC;--c-olive: #787845;--c-salmon: #E8A090;--font-mono: "JetBrains Mono", "Fira Code", monospace}.transport-bar.svelte-hcwyga{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--c-bg);color:var(--c-fg);font-family:var(--font-mono);font-size:12px;border-radius:12px 12px 0 0}.btn.svelte-hcwyga{height:28px;line-height:26px;padding:0 10px;border:1.5px solid;border-radius:3px;background:transparent;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;user-select:none;touch-action:none;box-sizing:border-box;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:11px}.error.svelte-hcwyga{color:var(--c-salmon)}.track-bar.svelte-17o7ihg{display:flex;align-items:center;padding:5px 12px;background:var(--color-fg);border-top:1px solid rgba(237,232,220,.08);flex-shrink:0}.track-dots.svelte-17o7ihg{display:flex;gap:3px;flex-shrink:0}.dot.svelte-17o7ihg{height:18px;padding:0 5px;border:1px solid rgba(237,232,220,.2);background:transparent;color:#ede8dc59;font-size:7px;font-weight:700;letter-spacing:.04em}.dot.active.svelte-17o7ihg{background:var(--color-olive);border-color:var(--color-olive);color:var(--color-bg)}@media(min-width:640px){.track-bar.hide-desktop.svelte-17o7ihg{display:none}}.fx-view.svelte-1h1crj3{flex:1;display:flex;flex-direction:column;overflow:hidden}.fx-pad.svelte-1h1crj3{flex:1;position:relative;background:var(--color-fg);overflow:hidden;touch-action:none;user-select:none}.visualizer.svelte-1h1crj3{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.fx-pad.svelte-1h1crj3{--kick-pulse: 1}.fx-node.svelte-1h1crj3{position:absolute;width:48px;height:48px;border-radius:50%;transform:translate(-50%,50%);border:2px solid var(--node-color);background:transparent;color:var(--node-color);display:flex;align-items:center;justify-content:center;cursor:grab;transition:background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;z-index:2}.fx-node.dragging.svelte-1h1crj3{cursor:grabbing;transform:translate(-50%,50%) scale(1.25);z-index:3;box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 50%,transparent)}.fx-node.on.svelte-1h1crj3{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-1h1crj3{box-shadow:0 0 28px color-mix(in srgb,var(--node-color) 60%,transparent)}.fx-node.frozen.svelte-1h1crj3{border-style:dashed;animation:svelte-1h1crj3-freeze-pulse 2s ease-in-out infinite}@keyframes svelte-1h1crj3-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-1h1crj3{border-width:3px}.node-label.svelte-1h1crj3{font-size:10px;font-weight:700;letter-spacing:.1em;pointer-events:none}.filt-view.svelte-ptmgit{flex:1;display:flex;flex-direction:column;overflow:hidden}.filt-pad.svelte-ptmgit{flex:1;position:relative;background:var(--color-fg);overflow:hidden;touch-action:none;user-select:none}.visualizer.svelte-ptmgit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gl-layer.svelte-ptmgit{z-index:0}.eq-layer.svelte-ptmgit{z-index:1}.filt-node.svelte-ptmgit{position:absolute;width:40px;height:40px;border-radius:50%;transform:translate(-50%,50%);border:2px solid var(--node-color);background:transparent;color:var(--node-color);display:flex;align-items:center;justify-content:center;cursor:grab;transition:background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;z-index:2}.filt-node.active.svelte-ptmgit{cursor:grabbing;transform:translate(-50%,50%) scale(1.15);z-index:3;box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 50%,transparent)}.filt-node.on.svelte-ptmgit{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-ptmgit{box-shadow:0 0 32px color-mix(in srgb,var(--node-color) 60%,transparent)}.node-label.svelte-ptmgit{font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:none}.q-label.svelte-ptmgit{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);font-size:7px;font-weight:600;color:var(--node-color);opacity:.6;white-space:nowrap;pointer-events:none}.master-view.svelte-z26vq1{flex:1;display:flex;flex-direction:row;overflow:hidden}.master-pad.svelte-z26vq1{flex:1;position:relative;background:var(--color-fg);overflow:hidden;touch-action:none;user-select:none}.master-pad.svelte-z26vq1:after{content:"";position:absolute;inset:0;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}.master-pad.clipping.svelte-z26vq1:after{animation:svelte-z26vq1-clip-bg-throb .3s ease-in-out infinite alternate}@keyframes svelte-z26vq1-clip-bg-throb{0%{opacity:var(--glow-alpha, .2)}to{opacity:calc(var(--glow-alpha, .2) * 1.6)}}.master-pad.playing.svelte-z26vq1:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(237,232,220,.06) 0%,transparent 60%);animation:svelte-z26vq1-beat-pulse var(--beat-dur, .5s) ease-out infinite;pointer-events:none;z-index:0}@keyframes svelte-z26vq1-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-z26vq1,.crosshair-v.svelte-z26vq1{position:absolute;pointer-events:none;z-index:1;transition:opacity .12s}.crosshair-h.svelte-z26vq1{left:0;right:0;height:1px;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);transform:translateY(.5px);opacity:.5}.crosshair-v.svelte-z26vq1{top:0;bottom:0;width:1px;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);transform:translate(-.5px);opacity:.5}.crosshair-h.dragging.svelte-z26vq1,.crosshair-v.dragging.svelte-z26vq1{opacity:1}.axis-label.svelte-z26vq1{position:absolute;font-size:9px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--node-color);pointer-events:none;z-index:4;white-space:nowrap;opacity:.8}.axis-x.svelte-z26vq1{bottom:6px;transform:translate(-50%)}.axis-y.svelte-z26vq1{right:8px;transform:translateY(50%)}.pad-node.svelte-z26vq1{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,50%) scale(var(--node-scale, 1));border:2px solid var(--node-color);background:transparent;color:var(--node-color);display:flex;align-items:center;justify-content:center;cursor:grab;transition:background .12s ease-out,box-shadow .12s ease-out,transform 80ms ease-out;z-index:2}.pad-node.active.svelte-z26vq1{cursor:grabbing;z-index:3;box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 50%,transparent)}.pad-node.on.svelte-z26vq1{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-z26vq1{box-shadow:0 0 32px color-mix(in srgb,var(--node-color) 60%,transparent)}.node-label.svelte-z26vq1{font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:none}.readout.svelte-z26vq1{position:absolute;top:8px;left:12px;display:flex;flex-direction:column;gap:3px;z-index:5;pointer-events:none;background:#1e202880;padding:4px 6px;border-radius:3px;backdrop-filter:blur(4px)}.ro-group.svelte-z26vq1{display:flex;gap:4px;align-items:baseline}.ro-tag.svelte-z26vq1{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--node-color);opacity:.7;min-width:30px}.ro-label.svelte-z26vq1{font-size:8px;font-weight:700;letter-spacing:.06em;color:#ede8dc66}.ro-val.svelte-z26vq1{font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;color:#ede8dca6;min-width:32px}.vu-meters.svelte-z26vq1{position:absolute;right:8px;top:0;bottom:0;display:flex;flex-direction:row;gap:3px;padding:10px 0;z-index:1;pointer-events:none}.vu-dot-col.svelte-z26vq1{display:flex;flex-direction:column;align-items:center;gap:4px}.vu-ch.svelte-z26vq1{font-size:7px;font-weight:700;color:#ede8dc40;order:1}.vu-dot-track.svelte-z26vq1{flex:1;display:flex;flex-direction:column-reverse;gap:2px;align-items:center}.vu-dot.svelte-z26vq1{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--dot-color) 12%,transparent);transition:background 60ms linear;flex-shrink:0}.vu-dot.lit.svelte-z26vq1{background:var(--dot-color);box-shadow:0 0 4px color-mix(in srgb,var(--dot-color) 40%,transparent)}.vu-dot.hold.svelte-z26vq1{background:var(--dot-color);opacity:.7}.vu-dot.clip.svelte-z26vq1{background:#f44;box-shadow:0 0 8px #ff4444b3;animation:svelte-z26vq1-clip-throb .2s ease-in-out infinite alternate}@keyframes svelte-z26vq1-clip-throb{0%{transform:scale(1)}to{transform:scale(1.4)}}.gr-col.svelte-z26vq1{margin-left:2px}.gr-dot.svelte-z26vq1{--dot-color: var(--color-salmon);background:color-mix(in srgb,var(--color-salmon) 12%,transparent)}.gr-dot.lit.svelte-z26vq1{background:var(--color-salmon);box-shadow:0 0 4px color-mix(in srgb,var(--color-salmon) 40%,transparent)}.master-pad.clipping.svelte-z26vq1 .vu-ch:where(.svelte-z26vq1){color:#f44;transition:color 60ms}