:root{--bg:#111;--panel:#1a1a1a;--text:#eee;--muted:#888;--rh:#ff5722;--lh:#2196f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.topbar.svelte-1h259us{color:#eee;background:#1a1a1a;border-bottom:1px solid #000;align-items:center;gap:.75rem;padding:.5rem 1rem;font:.9rem/1 system-ui,sans-serif;display:flex}.brand.svelte-1h259us{letter-spacing:.18em;color:#888;font-size:.85rem;font-weight:700}.sample.svelte-1h259us{color:#eee;font:inherit;background:#2a2a2a;border:1px solid #444;border-radius:4px;min-width:18rem;padding:.35rem .5rem}.iconbtn.svelte-1h259us{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.iconbtn.svelte-1h259us:hover{background:#333}.iconbtn.svelte-1h259us:disabled{opacity:.4;cursor:default}.iconbtn.primary.svelte-1h259us{background:#2f2f2f;border-color:#555;width:42px;height:42px}.time.svelte-1h259us{color:#aaa;font-variant-numeric:tabular-nums;text-align:center;min-width:6rem}.seek.svelte-1h259us{accent-color:#ff5722;flex:1}.seek.svelte-1h259us:disabled{opacity:.4}.tempo.svelte-1h259us{background:#2a2a2a;border:1px solid #444;border-radius:999px;align-items:center;gap:.25rem;padding:0 .25rem;display:flex}.tempo-label.svelte-1h259us{color:#888;letter-spacing:.1em;text-transform:uppercase;padding:0 .5rem 0 .4rem;font-size:.75rem}.tempo-btn.svelte-1h259us,.tempo-val.svelte-1h259us{color:#eee;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.25rem .5rem}.tempo-btn.svelte-1h259us{width:1.75rem;line-height:1}.tempo-btn.svelte-1h259us:hover,.tempo-val.svelte-1h259us:hover{background:#3a3a3a}.tempo-val.svelte-1h259us{font-variant-numeric:tabular-nums;text-align:center;min-width:3rem}.tempo-btn.svelte-1h259us:disabled,.tempo-val.svelte-1h259us:disabled{opacity:.4;cursor:default}.score.svelte-25wfcq svg{margin:0 auto;display:block}.score.svelte-25wfcq .playing,.score.svelte-25wfcq .staff[data-n="1"] .playing{fill:var(--rh,#ff5722)}.score.svelte-25wfcq .staff[data-n="2"] .playing{fill:var(--lh,#2196f3)}.score.svelte-25wfcq .staff[data-n="3"] .playing{fill:#9c27b0}.score.svelte-25wfcq .staff[data-n="4"] .playing{fill:#4caf50}.wrap.svelte-1dlz8xf{background:#1a1a1a;border-top:1px solid #000;height:140px;padding:.5rem;position:relative}.dots.svelte-1dlz8xf{pointer-events:none;position:absolute;inset:.5rem}.dot.svelte-1dlz8xf{background:#000;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%)}.dot.on-white.svelte-1dlz8xf{bottom:8px}.dot.on-black.svelte-1dlz8xf{bottom:50%}.kbd.svelte-1dlz8xf{display:block}.key.svelte-1dlz8xf{stroke:#000;stroke-width:1px}.key.white.svelte-1dlz8xf{fill:#fff}.key.black.svelte-1dlz8xf{fill:#111}.key.playing-rh.svelte-1dlz8xf{fill:var(--rh,#ff5722)}.key.playing-lh.svelte-1dlz8xf{fill:var(--lh,#2196f3)}.key.playing-3.svelte-1dlz8xf{fill:#9c27b0}.key.playing-4.svelte-1dlz8xf{fill:#4caf50}.attack-dot.svelte-1dlz8xf{pointer-events:none}.attack-dot.on-white.svelte-1dlz8xf{fill:#000}.attack-dot.on-black.svelte-1dlz8xf{fill:#fff}main.svelte-1n46o8q{background:#fafafa;padding:1rem;overflow:auto}