:root{--color-bg:#000;--color-fg:#ccc;--color-surface:#1a202c;--color-border:#000;--color-accent:#6b8fe0;--color-accent-fg:#fff;--key-white-bg:#fff;--key-white-fg:#000;--key-black-bg:#000;--key-black-fg:#fff;--manual-key-red:#d3674a;--manual-key-blue:#1d308f;--manual-key-white:#e4eef8;--manual-key-yellow:#e6de60;--manual-key-fg:#000;--manual-key-red-bg:#d3674a;--manual-key-red-fg:#d3674a;--manual-key-white-bg:#e4eef8;--manual-key-white-fg:#333;--manual-key-blue-bg:#1d308f;--manual-key-blue-fg:#1d308f;--manual-key-yellow-bg:#e6de60;--manual-key-yellow-fg:#d4a500;--register-active-shadow:#ffffffb3}[data-theme=light]{--color-bg:#f5f5f5;--color-fg:#111;--color-surface:#d9d9d9;--color-border:#333;--color-accent:#3a5cb8;--color-accent-fg:#fff;--key-white-bg:#fff;--key-white-fg:#000;--key-black-bg:#222;--key-black-fg:#fff;--register-active-shadow:#0009}body{background-color:var(--color-bg);color:var(--color-fg);overflow-x:hidden}img{width:100%}._AppHeader_o1wg6_1{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}._Title_o1wg6_10{color:var(--color-fg);margin:0;font-size:1.3rem;font-weight:600}._Actions_o1wg6_17{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}._LanguageSelector_o1wg6_25{color:var(--color-fg);align-items:center;gap:6px;display:flex}._LanguageSelector_o1wg6_25 select{border:1px solid var(--color-border);color:var(--color-fg);background-color:var(--color-surface);border-radius:4px;padding:6px}._ThemeToggle_o1wg6_40{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}._ThemeToggle_o1wg6_40:hover{border-color:var(--color-accent)}._ProjectFileControls_1o90j_1{align-items:center;gap:8px;display:flex}._Message_1o90j_7{max-width:28em;color:var(--color-accent);font-size:.85rem}._Button_1o90j_13{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}._Button_1o90j_13:hover{border-color:var(--color-accent)}._ViewNav_1qqe8_1{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);gap:8px;padding:10px 20px;display:flex}._ViewNavButton_1qqe8_9{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 14px}._ViewNavButtonActive_1qqe8_18{background-color:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}._Controls_1bbpo_1{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:8px;padding:6px 12px;display:flex}._Button_1bbpo_13{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px}._Button_1bbpo_13:hover,._Button_1bbpo_13[aria-pressed=true]{border-color:var(--color-accent)}._Hint_1bbpo_25{color:var(--color-fg);opacity:.8;flex-basis:100%;font-size:.85rem}._ManualKey_x4934_1{width:var(--manual-key-width,10px);border:solid 1px var(--color-border);cursor:pointer;touch-action:pan-x;border-radius:3px;height:calc(20% - 10px);margin:4px 5px;display:block}._ManualKeyPressed_x4934_12{filter:brightness(.7);transform:scale(.96)}._ManualKeyUnassigned_x4934_17{filter:brightness(.4)grayscale(.6);cursor:default;touch-action:auto}._ManualKeySelected_x4934_23{outline:3px solid var(--color-accent);outline-offset:1px;box-shadow:0 0 10px 3px var(--register-active-shadow)}._ManualKeyText_x4934_29{writing-mode:vertical-rl;color:var(--manual-key-fg);padding-top:2px;font-size:11px;font-weight:700;line-height:8px}._ManualKeyRow_l8yhz_1{vertical-align:top;height:100%;display:inline-block}._VolumeControl_l8yhz_7{color:var(--color-fg);padding:4px 0}._Scroller_l8yhz_12{--manual-key-width:10px;overscroll-behavior-x:contain;width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto}@media (pointer:coarse),(width<=768px){._Scroller_l8yhz_12{--manual-key-width:25px}}._original_l8yhz_25,._compact_l8yhz_25,._compose_l8yhz_25{white-space:nowrap;width:max-content;margin:0 auto}._original_l8yhz_25 ._Keys_l8yhz_31{height:calc(100vh - 218px)}._compact_l8yhz_25 ._Keys_l8yhz_31{height:150px}._compose_l8yhz_25 ._Keys_l8yhz_31{height:332px}._ScrollerFill_l8yhz_43{flex:1 1 0;min-height:0}._InnerFill_l8yhz_48{flex-direction:column;height:100%;display:flex}._InnerFill_l8yhz_48 ._Keys_l8yhz_31{flex:4 1 0;min-height:0}._ManualRow1_l8yhz_58{color:var(--color-fg)}._Spacer_j6np4_1{width:var(--manual-key-width,10px);border:solid 1px var(--color-border);background-color:var(--color-surface);border-radius:3px;margin:4px 5px}._Spacer_j6np4_1._Spacer1_j6np4_8{border:none;height:0;margin:0 5px}._Spacer_j6np4_1._Spacer2_j6np4_13{height:calc(6.66667% - 5.33333px)}._Spacer_j6np4_1._Spacer3_j6np4_16{height:calc(13.3333% - 10.6667px)}._RegisterSelector_ye73d_1{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:12px}._Title_ye73d_8{color:var(--color-fg);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}._RegisterGroups_ye73d_17,._RegisterRow_ye73d_18{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}._RegisterItem_ye73d_25{flex-direction:column;align-items:center;gap:4px;display:flex}._RegisterButton_ye73d_32{color:#000;cursor:pointer;background-color:#fff;border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;transition:all .2s;display:flex;position:relative}._RegisterButton_ye73d_32:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}._RegisterButton_ye73d_32:active{transform:scale(.98)}._RegisterButton_ye73d_32._Color_red_ye73d_55{border-color:var(--manual-key-red-fg)}._RegisterButton_ye73d_32._Color_white_ye73d_58{border-color:#fff}._RegisterButton_ye73d_32._Color_blue_ye73d_61{border-color:var(--manual-key-blue-fg)}._RegisterButton_ye73d_32._Color_yellow_ye73d_64{border-color:var(--manual-key-yellow-fg)}._RegisterButton_ye73d_32._Active_ye73d_67{box-shadow:0 0 10px 3px var(--register-active-shadow)}._RegisterNumber_ye73d_71{color:var(--color-fg);font-size:13px;font-weight:600;line-height:1}._RegisterLabel_ye73d_78{text-align:center;font-size:15px;font-weight:700;line-height:1}@media (width<=768px){._RegisterButton_ye73d_32{width:50px;height:50px}._RegisterButton_ye73d_32 ._RegisterLabel_ye73d_78{font-size:14px}._RegisterNumber_ye73d_71{font-size:11px}}@media (width<=480px){._RegisterButton_ye73d_32{border-width:2px;width:45px;height:45px}._RegisterButton_ye73d_32 ._RegisterLabel_ye73d_78{font-size:12px}._RegisterNumber_ye73d_71{font-size:10px}}._Keyboard_1sq8t_1{--column:calc(var(--manual-key-width,10px) + 12px);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}._Key_1sq8t_1{box-sizing:border-box;height:90px;width:calc(var(--column) * 37 / 22);background-color:var(--key-white-bg);border:1px solid var(--color-border);color:var(--key-white-fg);writing-mode:vertical-rl;vertical-align:top;text-align:end;border-radius:2px;padding:4px 5px;font-size:10px;display:inline-block}._KeyBlack_1sq8t_24{height:60px;width:calc(var(--column) * 20 / 22);background-color:var(--key-black-bg);color:var(--key-black-fg);transform:translateX(calc(var(--column) * -12 / 22));position:absolute}._KeyMiddle_1sq8t_33{width:calc(var(--column) * 39 / 22)}._KeyboardSetup_u16wi_1{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-fg);border-radius:4px;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:.9rem;display:flex}._Row_u16wi_14{flex-wrap:wrap;gap:8px 24px;display:flex}._Group_u16wi_20{align-items:center;gap:8px;display:flex}._Octave_u16wi_26{text-align:center;min-width:5.5em;font-weight:600}._Button_u16wi_32{border:2px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px}._Button_u16wi_32:hover:not(:disabled){border-color:var(--color-accent)}._Button_u16wi_32:disabled{opacity:.5;cursor:not-allowed}._Keyboard_u16wi_1{flex-direction:column;gap:4px;display:flex;overflow-x:auto}._KeyRow_u16wi_55{gap:4px;display:flex}._Cap_u16wi_60{background-color:var(--color-bg);border:2px solid var(--color-border);width:64px;color:var(--color-fg);cursor:pointer;border-radius:4px;flex-direction:column;align-items:stretch;padding:2px;display:flex}._Cap_u16wi_60:hover{border-color:var(--color-accent)}._CapSelected_u16wi_76{border-color:var(--color-accent);box-shadow:0 0 8px 2px var(--register-active-shadow)}._CapLabel_u16wi_81{text-align:left;padding-left:2px;font-size:.75rem;font-weight:700}._CapTone_u16wi_88{min-height:1.3em;color:var(--manual-key-fg);white-space:nowrap;text-overflow:ellipsis;border-radius:2px;font-size:.75rem;font-weight:700;line-height:1.3em;overflow:hidden}._CapEmpty_u16wi_100{background-color:#0000}._Hint_u16wi_104{opacity:.85;flex-wrap:wrap;align-items:center;gap:8px;display:flex}._Message_u16wi_112{color:var(--color-accent)}._PlayerControls_fvzne_1{flex:240px;align-items:center;gap:12px;min-width:0;display:flex}._ButtonGroup_fvzne_9{gap:6px;display:flex}._Button_fvzne_9{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px}._Button_fvzne_9:hover:not(:disabled){border-color:var(--color-accent)}._Button_fvzne_9:disabled{opacity:.5;cursor:not-allowed}._TimeDisplay_fvzne_30{color:var(--color-fg);white-space:nowrap;font-family:monospace;font-size:.85rem}._ProgressBar_fvzne_37{flex:1;min-width:80px}._ProgressBar_fvzne_37 input{cursor:pointer;width:100%;margin:0}._ProgressBar_fvzne_37 input:disabled{cursor:not-allowed;opacity:.5}._VolumeControl_1yhs3_1{color:var(--color-fg);align-items:center;gap:8px;font-size:.9rem;display:flex}._VolumeControl_1yhs3_1 input{width:100px}._SoundSelector_vfoe7_1{color:var(--color-fg);align-items:center;gap:8px;font-size:.9rem;display:flex}._SoundSelector_vfoe7_1 select{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;border-radius:4px;padding:3px 8px}._Status_vfoe7_17{opacity:.7}._Error_vfoe7_21{color:#d3674a}._Error_vfoe7_21 button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px}._Fullscreen_prept_1{z-index:1000;background-color:var(--color-bg);flex-direction:column;padding-top:8px;display:flex;position:fixed;inset:0;overflow:hidden}._Fullscreen_prept_1 ._Controls_prept_11{flex:none;margin:0 8px 8px}._Controls_prept_11{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:8px;padding:6px 12px;display:flex}._ButtonGroup_prept_28{gap:6px;display:flex}._Button_prept_28{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px}._Button_prept_28:hover:not(:disabled){border-color:var(--color-accent)}._Button_prept_28:disabled{opacity:.5;cursor:not-allowed}._ButtonActive_prept_49{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-fg)}._Hint_prept_55{color:var(--color-fg);opacity:.8;flex-basis:100%;font-size:.85rem}._Time_prept_62{color:var(--color-fg);white-space:nowrap;font-family:monospace;font-size:.85rem}._Timeline_4bw38_1{--column:calc(var(--manual-key-width,10px) + 12px);width:calc(56 * var(--column));background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:max(260px,45vh);position:relative}._TimelineFill_4bw38_10{flex:6 1 0;height:auto;min-height:0}._Scroll_4bw38_16{scrollbar-width:none;height:100%;overflow:hidden auto}._Scroll_4bw38_16::-webkit-scrollbar{display:none}._Content_4bw38_26{width:100%;height:calc(var(--duration-px) + 100%);position:relative}._Columns_4bw38_32{display:flex;position:absolute;inset:0}._Column_4bw38_32{flex:0 0 var(--column);box-sizing:border-box;border-right:1px solid var(--color-border);opacity:.9}._ColumnBlack_4bw38_45{background-color:var(--color-surface)}._ColumnTarget_4bw38_49{background-color:color-mix(in srgb, var(--color-accent) 25%, transparent);cursor:crosshair}._Note_4bw38_54{box-sizing:border-box;border:1px solid var(--color-border);writing-mode:vertical-rl;color:var(--manual-key-fg);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;border-radius:3px;padding-top:2px;font-size:11px;font-weight:700;line-height:8px;position:absolute;overflow:hidden}._NoteActive_4bw38_71{filter:brightness(1.25);box-shadow:0 0 8px 2px var(--register-active-shadow)}._NoteUnassigned_4bw38_76{filter:brightness(.5)grayscale(.6)}._NoteEditable_4bw38_80{cursor:grab;touch-action:none}._NoteSelected_4bw38_85{outline:2px solid var(--color-accent);outline-offset:1px;z-index:1}._HandleEnd_4bw38_91,._HandleStart_4bw38_91{cursor:ns-resize;background-color:#00000059;height:min(6px,35%);position:absolute;left:0;right:0}._HandleEnd_4bw38_91{top:0}._HandleStart_4bw38_91{bottom:0}._Playhead_4bw38_108{background-color:var(--color-accent);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}