@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Instrument+Serif:ital@0;1&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0b;--bg-panel: #131315;--bg-elevated: #1a1a1d;--accent-warm: #e85d04;--accent-glow: #ff7b00;--text-primary: #f5f5f5;--text-muted: #6b6b70;--text-dim: #3a3a3f;--groove-blue: #00d4ff;--velocity-green: #00ff88;--swing-purple: #b388ff;--fla-yellow: #d4a017;--rah-pink: #e84393;--pot-brown: #cd853f}body{font-family:Space Mono,monospace;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}#app{width:100%}.transport.svelte-1aq2h5h{display:flex;align-items:center;gap:1rem}.btn.svelte-1aq2h5h{background:var(--bg-elevated);border:1px solid var(--text-dim);color:var(--text-primary);padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.1em}.btn.svelte-1aq2h5h:hover{background:var(--accent-warm);border-color:var(--accent-warm);box-shadow:0 0 20px #e85d044d}.btn.playing.svelte-1aq2h5h{background:var(--accent-warm);border-color:var(--accent-glow);box-shadow:0 0 30px #e85d0466}.bpm-control.svelte-1aq2h5h{display:flex;align-items:center;gap:.5rem;background:var(--bg-panel);padding:.5rem 1rem;border:1px solid var(--text-dim)}.bpm-control.svelte-1aq2h5h input:where(.svelte-1aq2h5h){width:60px;background:transparent;border:none;color:var(--accent-glow);font-family:inherit;font-size:1.25rem;text-align:center}.bpm-control.svelte-1aq2h5h input:where(.svelte-1aq2h5h):focus{outline:none}.bpm-control.svelte-1aq2h5h span:where(.svelte-1aq2h5h){color:var(--text-muted);font-size:.75rem}.volume-control.svelte-1aq2h5h{display:flex;align-items:center;gap:.5rem;background:var(--bg-panel);padding:.5rem 1rem;border:1px solid var(--text-dim)}.volume-label.svelte-1aq2h5h{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.volume-slider.svelte-1aq2h5h{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-dark);border-radius:2px;cursor:pointer}.volume-slider.svelte-1aq2h5h::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-warm);border-radius:50%;cursor:pointer}.volume-slider.svelte-1aq2h5h::-moz-range-thumb{width:12px;height:12px;background:var(--accent-warm);border-radius:50%;cursor:pointer;border:none}.volume-value.svelte-1aq2h5h{color:var(--accent-glow);font-size:.75rem;min-width:35px;text-align:right}header.svelte-oiwvqb{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--text-dim)}h1.svelte-oiwvqb{font-family:"Instrument Serif",serif;font-size:3.5rem;font-weight:400;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.subtitle.svelte-oiwvqb{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin:0}@media(max-width:900px){h1.svelte-oiwvqb{font-size:2rem}}.step.svelte-1obdd2u{aspect-ratio:1;background:var(--bg-dark);border:1px solid var(--text-dim);cursor:pointer;transition:background-color .1s ease,border-color .1s ease,box-shadow .1s ease;position:relative;padding:0;min-height:20px;contain:layout style paint;will-change:background-color,box-shadow}.step.downbeat.svelte-1obdd2u{border-color:var(--text-muted)}.step.svelte-1obdd2u:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.step.variation-1.svelte-1obdd2u{background:var(--accent-warm);border-color:var(--accent-glow);box-shadow:0 0 8px #e85d0466}.step.variation-2.svelte-1obdd2u{background:var(--swing-purple);border-color:#c9a0ff;box-shadow:0 0 8px #b388ff66}.step.variation-3.svelte-1obdd2u{background:var(--velocity-green);border-color:#3fa;box-shadow:0 0 8px #0f86}.step.variation-4.svelte-1obdd2u{background:var(--groove-blue);border-color:#33e0ff;box-shadow:0 0 8px #00d4ff66}.step.variation-5.svelte-1obdd2u{background:var(--fla-yellow);border-color:gold;box-shadow:0 0 8px #d4a01766}.step.variation-6.svelte-1obdd2u{background:var(--rah-pink);border-color:#ff6bb3;box-shadow:0 0 8px #e8439366}.step.variation-7.svelte-1obdd2u{background:var(--pot-brown);border-color:#daa06d;box-shadow:0 0 8px #cd853f66}.step.current.svelte-1obdd2u{box-shadow:inset 0 0 0 2px #fff}.step.active.current.svelte-1obdd2u{box-shadow:inset 0 0 0 2px #fff,0 0 12px #ffffff4d}.qualifier.svelte-1obdd2u{font-size:.5rem;font-weight:700;color:#000000b3;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.step.svelte-1obdd2u:not(.active) .qualifier:where(.svelte-1obdd2u){color:var(--text-dim)}.track.svelte-esl5mn{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.25rem 0}.track.muted.svelte-esl5mn{opacity:.5}.track-controls.svelte-esl5mn{display:flex;flex-direction:column;gap:.2rem}.track-header.svelte-esl5mn{display:flex;align-items:center;gap:.25rem}.track-volume-row.svelte-esl5mn{display:flex;align-items:center;gap:.3rem}.track-volume-value.svelte-esl5mn{font-size:.55rem;color:var(--text-dim);min-width:20px}.track-name.svelte-esl5mn{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;text-align:left;transition:all .15s ease;flex:1}.track-name.svelte-esl5mn:hover{background:var(--bg-elevated);color:var(--text-primary)}.track-name.muted.svelte-esl5mn{color:var(--accent-warm);text-decoration:line-through}.track-volume.svelte-esl5mn{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-dark);border-radius:2px;cursor:pointer}.track-volume.svelte-esl5mn::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:var(--text-muted);border-radius:50%;cursor:pointer}.track-volume.svelte-esl5mn::-moz-range-thumb{width:8px;height:8px;background:var(--text-muted);border-radius:50%;cursor:pointer;border:none}.track-volume.svelte-esl5mn:hover::-webkit-slider-thumb{background:var(--accent-warm)}.track-volume.svelte-esl5mn:hover::-moz-range-thumb{background:var(--accent-warm)}.voice-count.svelte-esl5mn{font-size:.6rem;color:var(--text-dim);background:var(--bg-dark);border:1px solid var(--text-dim);border-radius:3px;padding:.1rem .3rem;cursor:pointer;transition:all .15s ease;min-width:24px;text-align:center}.voice-count.svelte-esl5mn:hover{background:var(--bg-elevated);border-color:var(--text-muted);color:var(--text-muted)}.voice-count.multiple.svelte-esl5mn{color:var(--velocity-green);border-color:var(--velocity-green)}.steps-container.svelte-esl5mn{display:flex;flex-direction:column;gap:2px}.steps.svelte-esl5mn{display:grid;grid-template-columns:repeat(var(--steps-per-bar, 16),1fr);gap:3px}@media(max-width:900px){.steps.svelte-esl5mn{gap:2px}}.preset-buttons.svelte-18ptgqg{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.preset-btn.svelte-18ptgqg{background:var(--bg-dark);border:1px solid var(--text-dim);color:var(--text-muted);padding:.5rem;font-family:inherit;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s ease}.preset-btn.svelte-18ptgqg:hover{border-color:var(--accent-warm);color:var(--text-primary)}.preset-btn.active.svelte-18ptgqg{background:var(--accent-warm);border-color:var(--accent-warm);color:var(--text-primary)}.kit-selector.svelte-9oxxvd{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-dark);border:1px solid var(--text-dim);margin-bottom:1rem}.label.svelte-9oxxvd{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.kit-buttons.svelte-9oxxvd{display:flex;gap:.5rem;flex-wrap:wrap}.kit-btn.svelte-9oxxvd{background:var(--bg-panel);border:1px solid var(--text-dim);color:var(--text-muted);padding:.4rem .75rem;font-family:inherit;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.kit-btn.svelte-9oxxvd:hover{border-color:var(--accent-warm);color:var(--text-primary)}.kit-btn.active.svelte-9oxxvd{background:var(--accent-warm);border-color:var(--accent-glow);color:var(--text-primary)}.sequencer-panel.svelte-1w6u4kx{background:var(--bg-panel);border:1px solid var(--text-dim);padding:1.5rem}.panel-header.svelte-1w6u4kx{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--text-dim)}.panel-title.svelte-1w6u4kx{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.legend.svelte-1w6u4kx{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem;background:var(--bg-dark);border-radius:4px;flex-wrap:wrap}.legend-title.svelte-1w6u4kx{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.legend-item.svelte-1w6u4kx{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--text-muted)}.dot.svelte-1w6u4kx{width:12px;height:12px;border-radius:2px}.dot.variation-1.svelte-1w6u4kx{background:var(--accent-warm)}.dot.variation-2.svelte-1w6u4kx{background:var(--swing-purple)}.dot.variation-3.svelte-1w6u4kx{background:var(--velocity-green)}.dot.variation-4.svelte-1w6u4kx{background:var(--groove-blue)}.dot.variation-5.svelte-1w6u4kx{background:var(--fla-yellow)}.dot.variation-6.svelte-1w6u4kx{background:var(--rah-pink)}.dot.variation-7.svelte-1w6u4kx{background:var(--pot-brown)}.info-text.svelte-1w6u4kx{margin-top:1rem;padding:1rem;background:var(--bg-panel);border-left:3px solid var(--accent-warm);font-size:.75rem;color:var(--text-muted);line-height:1.6}.info-text.svelte-1w6u4kx code:where(.svelte-1w6u4kx){color:var(--accent-glow);background:var(--bg-dark);padding:.1em .3em}.patterns-section.svelte-1w6u4kx{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--text-dim)}.section-title.svelte-1w6u4kx{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.75rem}.groove-control.svelte-wyedxd{margin-bottom:1.5rem}.groove-control.svelte-wyedxd:last-child{margin-bottom:0}.control-header.svelte-wyedxd{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.control-label.svelte-wyedxd{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.control-value.svelte-wyedxd{font-size:.875rem;color:var(--accent-glow);font-variant-numeric:tabular-nums}.slider-container.svelte-wyedxd{position:relative;height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.slider-fill.svelte-wyedxd{position:absolute;left:0;top:0;height:100%;border-radius:4px;transition:width .1s ease}.slider-fill.swing.svelte-wyedxd{background:var(--swing-purple)}.slider-fill.humanize.svelte-wyedxd{background:var(--groove-blue)}.slider-fill.velocity.svelte-wyedxd{background:var(--velocity-green)}.groove-slider.svelte-wyedxd{-webkit-appearance:none;width:100%;height:8px;background:transparent;position:relative;z-index:2;cursor:pointer;margin-top:-8px}.groove-slider.svelte-wyedxd::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--text-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006}.groove-slider.svelte-wyedxd::-moz-range-thumb{width:16px;height:16px;background:var(--text-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006;border:none}.visualizer.svelte-t0ocdm{background:var(--bg-panel);border:1px solid var(--text-dim);padding:1rem;position:relative;overflow:hidden}.visualizer-title.svelte-t0ocdm{position:absolute;top:.5rem;left:.75rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}.timing-container.svelte-t0ocdm{display:flex;flex-direction:column;gap:4px;margin-top:1.5rem}.timing-viz.svelte-t0ocdm{display:flex;align-items:flex-end;justify-content:space-around;height:50px;gap:2px}.timing-bar.svelte-t0ocdm{flex:1;background:var(--groove-blue);opacity:.6;transition:height .1s ease,opacity .1s ease;max-width:10px;border-radius:2px 2px 0 0}.timing-bar.offset-positive.svelte-t0ocdm{background:var(--swing-purple)}.timing-bar.offset-negative.svelte-t0ocdm{background:var(--velocity-green)}.groove-panel.svelte-xfj6zs{display:flex;flex-direction:column;gap:1.5rem}.groove-section.svelte-xfj6zs{background:var(--bg-panel);border:1px solid var(--text-dim);padding:1.5rem}.panel-header.svelte-xfj6zs{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--text-dim)}.panel-title.svelte-xfj6zs{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.container.svelte-1n46o8q{max-width:1200px;margin:0 auto;padding:2rem}.main-grid.svelte-1n46o8q{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media(max-width:900px){.main-grid.svelte-1n46o8q{grid-template-columns:1fr}}