.FretboardInput_wrap__QhTJf{display:grid;gap:.5rem}.FretboardInput_scroller__2VvNE{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid var(--stage-line);border-radius:var(--radius);background:var(--st-key)}.FretboardInput_grid__ilCmB{display:grid;min-width:max-content}.FretboardInput_corner__j274e{position:sticky;left:0;z-index:2}.FretboardInput_corner__j274e,.FretboardInput_fretHead__Oh7z4{background:var(--stage-2);border-bottom:1px solid var(--stage-line)}.FretboardInput_fretHead__Oh7z4{position:relative;display:flex;align-items:center;justify-content:center;height:30px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;color:var(--stage-dim)}.FretboardInput_marker__VWqUm{position:absolute;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--st-btn-line)}.FretboardInput_label__VDo4d{position:sticky;left:0;z-index:2;display:flex;align-items:center;gap:.35rem;padding:0 .45rem 0 .3rem;min-height:44px;background:var(--stage-2);border-right:1px solid var(--stage-line);border-bottom:1px solid var(--stage-line);font-size:var(--text-xs)}.FretboardInput_mute__BT8Eh{touch-action:manipulation;flex:none;width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid var(--st-btn-line);border-radius:50%;background:var(--st-key);color:var(--stage-dim);font-size:.95rem;line-height:1;cursor:pointer}.FretboardInput_mute__BT8Eh[aria-pressed=true]{background:var(--stage-ink);border-color:var(--stage-ink);color:var(--st-key)}.FretboardInput_stringName__qm8Lt{font-weight:700;color:var(--stage-dim);white-space:nowrap}.FretboardInput_sounding__xBpAU{margin-left:auto;min-width:2.1rem;text-align:right;font-weight:800;color:var(--stage-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.FretboardInput_cell__DyK9x{touch-action:manipulation;position:relative;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--stage-line);border-right:1.5px solid var(--st-btn-line);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.FretboardInput_cell__DyK9x:before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--st-btn-line)}.FretboardInput_openCell__g39gj{background:var(--stage-2);border-right:4px solid var(--stage-ink)}.FretboardInput_markerCol__1IVUn{background:color-mix(in srgb,var(--st-led-bg) 34%,transparent)}.FretboardInput_openCell__g39gj.FretboardInput_markerCol__1IVUn{background:var(--stage-2)}.FretboardInput_cell__DyK9x:hover .FretboardInput_dot__sev8O{box-shadow:inset 0 0 0 2px var(--st-btn-line)}.FretboardInput_dot__sev8O{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:var(--text-xs);font-weight:800;line-height:1}.FretboardInput_active__FWyCy .FretboardInput_dot__sev8O{background:var(--led);color:#201804;box-shadow:inset 0 0 0 2px var(--stage-ink)}.FretboardInput_cell__DyK9x:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--right);z-index:1}.FretboardInput_hint__fI1P3{margin:0;font-size:var(--text-xs);color:var(--stage-dim);max-width:60ch}.PianoKeyboard_keyboard__k8w0i{width:100%;height:auto;--key-white:#fffdf6;--key-white-edge:#c2b69d;--key-shadow:#ded4bd;--key-black:#241f18;--key-ink:#221c12;--key-rail:#1b1610;--key-felt:#a84a2c}:root[data-theme=dark] .PianoKeyboard_keyboard__k8w0i{--key-white:#ded6c4;--key-white-edge:#6d6350;--key-shadow:#4a4335;--key-black:#12100b;--key-ink:#1c170f;--key-rail:#0c0a06;--key-felt:#8d3f26}.KeyboardInput_wrap__6nRPQ{display:grid;gap:.6rem}.KeyboardInput_scroller__VLw61{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;padding:.75rem .75rem .4rem;border:1px solid var(--stage-line);border-radius:var(--radius);background:var(--st-key)}.KeyboardInput_stage__5AQjP{position:relative;width:100%}.KeyboardInput_keyLayer__BtXRR{position:absolute;inset:0}.KeyboardInput_hit__wJDoe{position:absolute;top:2.667%;padding:0;margin:0;border:0;background:transparent;border-radius:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.KeyboardInput_white__M5SFU{height:96%;width:var(--white-w);z-index:1}.KeyboardInput_black__2wal2{height:61.334%;width:var(--black-w);z-index:2}.KeyboardInput_hit__wJDoe:focus-visible{outline-offset:calc(-1 * var(--focus-w));z-index:3}.KeyboardInput_octaves__r1VhM{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.KeyboardInput_range__fGub7{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:var(--stage-dim)}.SoundStyleToggle_toggle__WE_aN{display:inline-flex;align-items:center;gap:.45rem}.SoundStyleToggle_label__lWnTS{font-size:var(--text-xs);color:var(--ink-faint)}.SoundStyleToggle_options__ZWYk1{display:inline-flex}.SoundStyleToggle_option__xz_xa{font-size:var(--text-xs);padding-inline:.7rem}.SoundStyleToggle_option__xz_xa:first-child{border-start-end-radius:0;border-end-end-radius:0}.SoundStyleToggle_option__xz_xa:last-child{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}