: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)}img{width:100%}._AppHeader_bd2ts_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_bd2ts_10{color:var(--color-fg);margin:0;font-size:1.3rem;font-weight:600}._ThemeToggle_bd2ts_17{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}._ThemeToggle_bd2ts_17: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)}._ManualContainer_dfq02_1{width:max-content}._ManualKey_1x859_1{border:solid 1px var(--color-border);cursor:pointer;touch-action:none;border-radius:3px;width:10px;height:calc(20% - 10px);margin:4px 5px;display:block}._ManualKeyPressed_1x859_12{filter:brightness(.7);transform:scale(.96)}._ManualKeyUnassigned_1x859_17{filter:brightness(.4)grayscale(.6);cursor:default;touch-action:auto}._ManualKeyText_1x859_23{writing-mode:vertical-rl;color:var(--manual-key-fg);padding-top:2px;font-size:11px;font-weight:700;line-height:8px}._ManualKeyRow_85ewq_1{vertical-align:top;height:calc(100% - 128px);display:inline-block}._VolumeControl_85ewq_7{color:var(--color-fg);padding:4px 0}._original_85ewq_12{height:calc(100vh - 90px)}._compact_85ewq_16{height:150px}._ManualRow1_85ewq_20{color:var(--color-fg)}._Spacer_1mpjl_1{border:solid 1px var(--color-border);background-color:var(--color-surface);border-radius:3px;width:10px;margin:4px 5px}._Spacer_1mpjl_1._Spacer1_1mpjl_8{border:none;height:0;margin:0 5px}._Spacer_1mpjl_1._Spacer2_1mpjl_13{height:calc(6.66667% - 5.33333px)}._Spacer_1mpjl_1._Spacer3_1mpjl_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}}._Key_1t8sm_1{background-color:var(--key-white-bg);border:1px solid var(--color-border);width:25px;height:80px;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_1t8sm_16{background-color:var(--key-black-bg);width:8px;height:50px;color:var(--key-black-fg);padding:4px 5px;position:absolute;transform:translate(-12px)}._KeyMiddle_1t8sm_26{width:27px}._SongSelector_18j9d_1{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 20px;display:flex}._SongSelector_18j9d_1 label{color:var(--color-fg);font-weight:500}._SongSelector_18j9d_1 select{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;border-radius:4px;padding:6px 10px}._SongSelector_18j9d_1 select:focus{border-color:var(--color-accent);outline:none}._PlayerControls_17k4t_1{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding:12px 20px;display:flex}._ButtonGroup_17k4t_10{gap:8px;display:flex}._Button_17k4t_10{border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}._Button_17k4t_10:hover:not(:disabled){border-color:var(--color-accent)}._Button_17k4t_10:disabled{opacity:.5;cursor:not-allowed}._TimeDisplay_17k4t_31{color:var(--color-fg);font-family:monospace;font-size:.9rem}._ProgressBar_17k4t_37 input{cursor:pointer;width:100%}._ProgressBar_17k4t_37 input:disabled{cursor:not-allowed;opacity:.5}._ComposeView_rrv4o_1{background-color:var(--color-bg);flex-direction:column;gap:12px;height:calc(100vh - 100px);padding:12px;display:flex;overflow:hidden}._Header_rrv4o_11{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;justify-content:space-between;align-items:center;padding:12px;display:flex}._SongInfo_rrv4o_21{flex:1}._SongTitle_rrv4o_25{color:var(--color-fg);background-color:#0000;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:18px;font-weight:600;transition:all .2s}._SongTitle_rrv4o_25:hover{border-color:var(--color-border);background-color:var(--color-bg)}._SongTitle_rrv4o_25:focus{border-color:var(--color-accent);background-color:var(--color-bg);box-shadow:0 0 4px rgba(var(--color-accent-rgb), .3);outline:none}._Stats_rrv4o_46{color:var(--color-fg);opacity:.7;gap:8px;font-size:13px;display:flex}._TransportSection_rrv4o_54{flex-shrink:0}._EditingArea_rrv4o_58{flex:1;gap:12px;display:flex;overflow:hidden}._TimelineSection_rrv4o_65{flex-direction:column;flex:1;display:flex;overflow:hidden}._KeyboardSection_rrv4o_72{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;flex:0 0 300px;gap:8px;padding:12px;display:flex;overflow-y:auto}._KeyboardSection_rrv4o_72 h3{color:var(--color-fg);margin:0 0 8px;font-size:14px;font-weight:600}@media (width<=1024px){._EditingArea_rrv4o_58{flex-direction:column}._KeyboardSection_rrv4o_72{flex:0 0 200px;max-height:300px}}._TimelineContainer_1qqw2_1{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden}._RulerContainer_1qqw2_11{border-bottom:1px solid var(--color-border);display:flex}._ToneNameColumn_1qqw2_16{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:120px}._RulerScroll_1qqw2_23{flex:1;overflow:auto hidden}._LanesContainer_1qqw2_29{flex:1;display:flex;overflow:hidden}._ToneNamesColumn_1qqw2_35{border-right:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0;width:120px;overflow-y:auto}._ToneName_1qqw2_16{color:var(--color-fg);border-bottom:1px solid var(--color-border);flex-direction:column;justify-content:center;padding:8px;font-size:12px;font-weight:500;transition:background-color .1s;display:flex}._ToneName_1qqw2_16._Hovered_1qqw2_54{background-color:rgba(var(--color-accent-rgb), .2)}._ToneName_1qqw2_16 span{display:block}._ToneName_1qqw2_16 span:first-child{margin-bottom:2px;font-weight:600}._Frequency_1qqw2_65{opacity:.7;font-size:10px!important}._NotesScroll_1qqw2_70{flex:1;position:relative;overflow:auto}._Lane_1qqw2_29{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .1s;position:relative}._Lane_1qqw2_29:hover{background-color:rgba(var(--color-accent-rgb), .1)}._Lane_1qqw2_29._Hovered_1qqw2_54{background-color:rgba(var(--color-accent-rgb), .15)}._LanePlayhead_1qqw2_89{background-color:var(--color-accent);opacity:.6;pointer-events:none;z-index:5;width:2px;height:100%;position:absolute;top:0}._InfoBar_1qqw2_100{background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-fg);opacity:.7;padding:8px 12px;font-size:12px}._TimelineRuler_1kl0x_1{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);-webkit-user-select:none;user-select:none;height:50px;position:relative;overflow:hidden}._Markers_1kl0x_10{height:100%;position:relative}._Marker_1kl0x_10{cursor:pointer;border-left:1px solid var(--color-border);justify-content:center;align-items:flex-end;height:100%;padding-bottom:4px;display:flex;position:absolute;top:0}._Marker_1kl0x_10:hover{background-color:rgba(var(--color-accent-rgb), .1)}._MajorMarker_1kl0x_30{border-left-width:2px;border-left-color:var(--color-accent);font-weight:700}._MajorMarker_1kl0x_30:hover{background-color:rgba(var(--color-accent-rgb), .15)}._Label_1kl0x_39{color:var(--color-fg);white-space:nowrap;margin-bottom:2px;margin-left:50%;font-size:11px;transform:translate(-50%)}._Playhead_1kl0x_48{background-color:var(--color-accent);width:2px;height:100%;box-shadow:0 0 4px rgba(var(--color-accent-rgb), .5);pointer-events:none;z-index:10;position:absolute;top:0}._TimelineNote_12otu_1{background:linear-gradient(135deg, var(--color-accent) 0%, rgba(var(--color-accent-rgb), .7) 100%);border:1px solid rgba(var(--color-accent-rgb), .5);cursor:move;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:0 2px;transition:all .1s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0003}._TimelineNote_12otu_1:hover{filter:brightness(1.1);box-shadow:0 4px 8px #0000004d}._TimelineNote_12otu_1._Selected_12otu_22{border:2px solid #fff;box-shadow:0 0 8px #fff6,inset 0 0 4px #fff3}._TimelineNote_12otu_1._Playing_12otu_26{box-shadow:0 0 12px rgba(var(--color-accent-rgb), .8);animation:.5s ease-in-out infinite _pulse_12otu_1}@keyframes _pulse_12otu_1{0%,to{opacity:1}50%{opacity:.7}}._ResizeHandle_12otu_39{cursor:ew-resize;opacity:0;background:#ffffff4d;width:6px;height:100%;transition:opacity .2s;position:absolute;top:0}._ResizeHandle_12otu_39:hover{opacity:1;background:#fff9}._DeleteButton_12otu_54{color:#fff;cursor:pointer;opacity:0;background-color:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}._DeleteButton_12otu_54:hover{background-color:#c0392b;transform:scale(1.2)}._TimelineNote_12otu_1:hover ._DeleteButton_12otu_54{opacity:1}._NoteLabel_12otu_84{color:#fff;text-shadow:0 1px 2px #00000080;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}._TransportControls_hmrpe_1{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}._Section_hmrpe_12{align-items:center;gap:8px;display:flex}._Button_hmrpe_18{border:1px solid var(--color-border);background-color:var(--color-bg);width:40px;height:40px;color:var(--color-fg);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}._Button_hmrpe_18:hover{background-color:rgba(var(--color-accent-rgb), .2);border-color:var(--color-accent)}._Button_hmrpe_18._Active_hmrpe_36{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}._TimelineSlider_hmrpe_42{background:linear-gradient(to right, var(--color-accent), var(--color-accent));-webkit-appearance:none;cursor:pointer;border-radius:3px;outline:none;flex:1;min-width:200px;height:6px}._TimelineSlider_hmrpe_42::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0000004d}._TimelineSlider_hmrpe_42::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0000004d}._TimeDisplay_hmrpe_72{color:var(--color-fg);gap:4px;min-width:90px;font-family:Courier New,monospace;font-size:13px;font-weight:700;display:flex}._Label_hmrpe_82{color:var(--color-fg);font-size:12px;font-weight:600}._NumberInput_hmrpe_88{border:1px solid var(--color-border);background-color:var(--color-bg);width:60px;color:var(--color-fg);text-align:center;border-radius:4px;padding:6px 8px;font-size:12px}._NumberInput_hmrpe_88:focus{border-color:var(--color-accent);box-shadow:0 0 4px rgba(var(--color-accent-rgb), .3);outline:none}._ZoomSlider_hmrpe_104{-webkit-appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100px;height:6px}._ZoomSlider_hmrpe_104::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:12px;height:12px}._ZoomSlider_hmrpe_104::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}._ZoomValue_hmrpe_130{text-align:right;min-width:35px;color:var(--color-fg);font-size:12px}._ImportExportView_izrtl_1{background-color:var(--color-bg);flex-direction:column;gap:20px;padding:20px;display:flex}._Header_izrtl_9{margin-bottom:12px}._Header_izrtl_9 h1{color:var(--color-fg);margin:0 0 8px;font-size:28px;font-weight:700}._Header_izrtl_9 p{color:var(--color-fg);opacity:.8;margin:0;font-size:14px}._TabNav_izrtl_25{border-bottom:2px solid var(--color-border);gap:8px;display:flex}._TabButton_izrtl_31{color:var(--color-fg);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}._TabButton_izrtl_31:hover{color:var(--color-accent)}._TabButton_izrtl_31._Active_izrtl_45{color:var(--color-accent);border-bottom-color:var(--color-accent)}._Content_izrtl_50{flex:1;min-height:400px}._TabContent_izrtl_55{animation:.2s ease-in _fadeIn_izrtl_1}@keyframes _fadeIn_izrtl_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._InfoSection_izrtl_69{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}._InfoSection_izrtl_69 h2{color:var(--color-fg);margin:0 0 16px;font-size:18px;font-weight:600}._InfoGrid_izrtl_81{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}._InfoCard_izrtl_87{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s}._InfoCard_izrtl_87:hover{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(var(--color-accent-rgb), .1)}._InfoCard_izrtl_87 h3{color:var(--color-fg);margin:0 0 8px;font-size:14px;font-weight:600}._InfoCard_izrtl_87 p{color:var(--color-fg);opacity:.8;margin:0;font-size:12px;line-height:1.5}._MidiImporter_54wt4_1{flex-direction:column;gap:16px;display:flex}._Section_54wt4_7{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:16px}._Section_54wt4_7 h3{color:var(--color-fg);margin:0 0 8px;font-size:16px;font-weight:600}._Section_54wt4_7 p{color:var(--color-fg);opacity:.8;margin:0 0 12px;font-size:13px}._FileInput_54wt4_26{display:inline-block}._FileInput_54wt4_26 input{display:none}._Label_54wt4_33{background-color:var(--color-accent);color:#fff;cursor:pointer;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-block}._Label_54wt4_33:hover{filter:brightness(1.1);transform:translateY(-1px)}._Label_54wt4_33:active{filter:brightness(.95);transform:translateY(0)}input[disabled]~._Label_54wt4_33{opacity:.6;cursor:not-allowed}input[disabled]~._Label_54wt4_33:hover{filter:none;transform:none}._Error_54wt4_62{color:#e74c3c;background-color:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:4px;margin-top:12px;padding:12px;font-size:12px}._Success_54wt4_72{color:#2ecc71;background-color:#2ecc711a;border:1px solid #2ecc714d;border-radius:4px;margin-top:12px;padding:12px;font-size:12px}._Info_54wt4_82{background-color:rgba(var(--color-accent-rgb), .1);border:1px solid rgba(var(--color-accent-rgb), .3);border-radius:4px;padding:16px}._Info_54wt4_82 h4{color:var(--color-fg);margin:0 0 8px;font-size:13px;font-weight:600}._Info_54wt4_82 ul{color:var(--color-fg);opacity:.8;margin:0;padding-left:20px;font-size:12px}._Info_54wt4_82 ul li{margin-bottom:4px}._Info_54wt4_82 ul li:last-child{margin-bottom:0}._MidiExporter_ie2on_1{flex-direction:column;gap:16px;display:flex}._Section_ie2on_7{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:16px}._Section_ie2on_7 h3{color:var(--color-fg);margin:0 0 12px;font-size:16px;font-weight:600}._Section_ie2on_7 p{color:var(--color-fg);margin:0 0 12px;font-size:13px}._ButtonGroup_ie2on_25{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}._Button_ie2on_25{border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}._Button_ie2on_25:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}._Button_ie2on_25:active{transform:translateY(0)}._Button_ie2on_25._Primary_ie2on_48{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}._Button_ie2on_25._Primary_ie2on_48:hover{filter:brightness(1.1)}._Button_ie2on_25._Secondary_ie2on_56{background-color:var(--color-bg);color:var(--color-fg);border-color:var(--color-border)}._Button_ie2on_25._Secondary_ie2on_56:hover{background-color:var(--color-surface);border-color:var(--color-accent)}._Info_ie2on_66{background-color:rgba(var(--color-accent-rgb), .1);border:1px solid rgba(var(--color-accent-rgb), .3);border-radius:4px;padding:16px}._Info_ie2on_66 h4{color:var(--color-fg);margin:0 0 12px;font-size:13px;font-weight:600}._FormatInfo_ie2on_79{grid-template-columns:1fr 1fr;gap:12px;display:grid}._FormatInfo_ie2on_79 div{background-color:var(--color-bg);border-radius:4px;padding:8px}._FormatInfo_ie2on_79 div strong{color:var(--color-fg);margin-bottom:4px;font-size:12px;display:block}._FormatInfo_ie2on_79 div p{color:var(--color-fg);opacity:.8;margin:0;font-size:11px}._NoSong_ie2on_102{text-align:center;background-color:var(--color-bg);opacity:.7;border-radius:4px;padding:20px}._NoSong_ie2on_102 p{margin:0}@media (width<=640px){._FormatInfo_ie2on_79{grid-template-columns:1fr}._ButtonGroup_ie2on_25{flex-direction:column}._Button_ie2on_25{width:100%}}