.control-group[data-astro-cid-kzskweko]{padding:var(--space-md);min-width:0;color:var(--color-text);font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden}h3[data-astro-cid-kzskweko]{border-bottom:1px solid var(--color-border);color:var(--color-accent);margin:0 0 1rem;padding-bottom:.875rem}.body[data-astro-cid-kzskweko]{flex:1}.row[data-astro-cid-aoxl63bm]{align-items:center;gap:.625rem;min-width:0;margin-bottom:.75rem;display:flex}label[data-astro-cid-aoxl63bm]{color:var(--color-text);flex:0 0 95px;font-size:.8125rem}input[data-astro-cid-aoxl63bm][type=range]{min-width:0;accent-color:var(--color-accent);cursor:pointer;flex:1;height:4px}input[data-astro-cid-aoxl63bm][type=range]:focus{outline:none}.val[data-astro-cid-aoxl63bm]{color:var(--color-text-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex:0 0 64px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}svg[data-astro-cid-33v2m6hl],svg[data-astro-cid-lz2jklfe],svg[data-astro-cid-k7b4mogf]{width:100%;height:auto;display:block}.osc-rack[data-astro-cid-vpf2vcud]{margin-bottom:.875rem}.osc-rack[data-astro-cid-vpf2vcud]:last-child{margin-bottom:0}.osc-line[data-astro-cid-vpf2vcud]{align-items:center;gap:.5rem;min-width:0;margin-bottom:.25rem;display:flex}.osc-line[data-astro-cid-vpf2vcud]:last-child{margin-bottom:0}.osc-tag[data-astro-cid-vpf2vcud]{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);flex:0 0 48px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem}.osc-waves[data-astro-cid-vpf2vcud]{flex:0 0 110px;gap:4px;display:flex}.osc-waves[data-astro-cid-vpf2vcud] button[data-astro-cid-vpf2vcud]{border:1px solid var(--color-border);cursor:pointer;width:32px;height:24px;color:var(--color-text-muted);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:4px;place-items:center;padding:0;display:grid}.osc-waves[data-astro-cid-vpf2vcud] button[data-astro-cid-vpf2vcud]:hover{color:var(--color-text);border-color:var(--color-text-muted)}.osc-waves[data-astro-cid-vpf2vcud] button[data-astro-cid-vpf2vcud].active{color:var(--color-accent);border-color:var(--color-accent)}.osc-waves[data-astro-cid-vpf2vcud] button[data-astro-cid-vpf2vcud]:focus{outline:none}.osc-waves[data-astro-cid-vpf2vcud] svg{width:18px;height:auto;display:block}.osc-sub[data-astro-cid-vpf2vcud]{text-align:right;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);flex:0 0 110px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem}.osc-slider[data-astro-cid-vpf2vcud]{min-width:0;accent-color:var(--color-accent);cursor:pointer;flex:1 1 0;height:4px}.osc-slider[data-astro-cid-vpf2vcud]:focus{outline:none}.osc-val[data-astro-cid-vpf2vcud]{color:var(--color-text-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex:0 0 50px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}.panel[data-astro-cid-vca3l4fd]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:14px;grid-template-columns:1.4fr 1fr 1fr;width:100%;max-width:1100px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0a}.panel[data-astro-cid-vca3l4fd]>.control-group+.control-group{border-left:1px solid var(--color-border)}@media (width<=768px){.panel[data-astro-cid-vca3l4fd]{grid-template-columns:1fr}.panel[data-astro-cid-vca3l4fd]>.control-group+.control-group{border-left:none;border-top:1px solid var(--color-border)}}.octave[data-astro-cid-u6osud4z]{touch-action:none;user-select:none;flex:1;gap:1px;height:160px;display:flex;position:relative}.key[data-astro-cid-u6osud4z]{border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);padding:0}.key[data-astro-cid-u6osud4z].white{background:var(--color-text);border-radius:0 0 4px 4px;flex:1;box-shadow:inset 0 -4px 6px #00000014}.key[data-astro-cid-u6osud4z].white:hover{background:color-mix(in oklch, var(--color-text) 92%, var(--color-accent))}.key[data-astro-cid-u6osud4z].black{width:8.57143%;height:62%;top:0;left:calc(var(--pos) * (100% / 7) - (100% / 7 * .6) / 2);z-index:1;background:#111;border-color:#000;border-radius:0 0 3px 3px;position:absolute;box-shadow:inset 0 -3px 4px #ffffff0f,0 2px 4px #0006}.key[data-astro-cid-u6osud4z].black:hover{background:#1c1c1c}.key[data-astro-cid-u6osud4z].white.pressed{background:var(--color-accent);box-shadow:inset 0 -4px 6px #00000026}.key[data-astro-cid-u6osud4z].black.pressed{background:var(--color-accent-dim)}.key[data-astro-cid-u6osud4z]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.kb-wrap[data-astro-cid-rxmzdjr4]{width:100%;max-width:720px;margin:var(--space-md) auto 0}.midi-row[data-astro-cid-rxmzdjr4]{letter-spacing:.05em;color:var(--color-text-muted);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.625rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem;display:flex}.midi-label[data-astro-cid-rxmzdjr4]{color:var(--color-accent)}.midi-select[data-astro-cid-rxmzdjr4]{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);font:inherit;border-radius:4px;max-width:220px;padding:.25rem .5rem}.midi-hint[data-astro-cid-rxmzdjr4]{opacity:.7}.octave-badge[data-astro-cid-rxmzdjr4]{letter-spacing:.05em;color:var(--color-text-muted);text-align:center;margin-bottom:.625rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem}.keyboard[data-astro-cid-rxmzdjr4]{background:var(--color-border);border-radius:6px;gap:1px;padding:1px;display:flex;box-shadow:0 12px 32px #00000080}