._key_8ex5q_5{position:relative;border:1px solid var(--key-border);transition:all .1s ease;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem}._whiteKey_8ex5q_19{background:var(--key-white);color:var(--label-color);box-shadow:var(--key-shadow);z-index:1}._whiteKey_8ex5q_19:active,._whiteKey_8ex5q_19[data-pressed=true]{background:var(--key-white-pressed);box-shadow:var(--key-pressed-shadow);transform:translateY(2px)}._blackKey_8ex5q_34{background:var(--key-black);color:var(--label-color-black-key);box-shadow:var(--key-shadow);z-index:2}._blackKey_8ex5q_34:active,._blackKey_8ex5q_34[data-pressed=true]{background:var(--key-black-pressed);box-shadow:var(--key-pressed-shadow);transform:translateY(2px)}._noteLabel_8ex5q_49{font-size:.75rem;font-weight:600;pointer-events:none}[data-theme=neon] ._key_8ex5q_5{box-shadow:var(--glow-effect)}._key_8ex5q_5:focus-visible{outline:2px solid var(--text-color);outline-offset:-2px}._piano_1d30v_5{width:100%;max-width:1200px;margin:0 auto}._keys_1d30v_11{display:grid;grid-template-columns:repeat(15,1fr);gap:1px;height:200px;position:relative}._whiteKey_1d30v_21{grid-row:1;height:100%;position:relative}._blackKey_1d30v_28{position:absolute;height:60%;width:calc(100% / 15 * .7);z-index:2;top:0}@media (max-width: 768px){._keys_1d30v_11{height:150px}}@media (max-width: 480px){._keys_1d30v_11{height:120px}._blackKey_1d30v_28{height:50%}}._instrumentSelector_illi3_5{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;margin:0 auto 20px;max-width:400px}._label_illi3_17{font-size:14px;font-weight:600;color:var(--text-primary, #333);white-space:nowrap}._select_illi3_24{flex:1;padding:8px 36px 8px 12px;font-size:14px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}._select_illi3_24:hover{border-color:#0000004d;box-shadow:0 2px 8px #0000001a}._select_illi3_24:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}._instrumentIcon_illi3_52{font-size:24px;animation:_bounce_illi3_1 .3s ease}@keyframes _bounce_illi3_1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[data-theme=dark] ._instrumentSelector_illi3_5{background:#0000004d}[data-theme=dark] ._label_illi3_17{color:#fff}[data-theme=dark] ._select_illi3_24{background:#2a2a2a;color:#fff;border-color:#ffffff1a}[data-theme=dark] ._select_illi3_24:hover{border-color:#ffffff4d}[data-theme=ocean] ._instrumentSelector_illi3_5{background:linear-gradient(135deg,#0077be1a,#00b4d81a)}[data-theme=sunset] ._instrumentSelector_illi3_5{background:linear-gradient(135deg,#ff5e4d1a,#ff9a001a)}[data-theme=forest] ._instrumentSelector_illi3_5{background:linear-gradient(135deg,#4caf501a,#8bc34a1a)}@media (max-width: 480px){._instrumentSelector_illi3_5{padding:10px;gap:8px}._label_illi3_17{font-size:12px}._select_illi3_24{font-size:12px;padding:6px 10px}._instrumentIcon_illi3_52{font-size:20px}}._autoPlayer_le8ct_5{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin:20px auto;max-width:800px;box-shadow:0 4px 12px #0000001a}._title_le8ct_15{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #333);text-align:center}._controls_le8ct_23{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}._songSelector_le8ct_31,._speedControl_le8ct_32{display:flex;align-items:center;gap:8px}._label_le8ct_38{font-size:14px;font-weight:500;color:var(--text-secondary, #666);white-space:nowrap}._select_le8ct_45{padding:8px 32px 8px 12px;font-size:14px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}._select_le8ct_45:hover:not(:disabled){border-color:#0000004d;box-shadow:0 2px 6px #0000001a}._select_le8ct_45:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}._select_le8ct_45:disabled{opacity:.6;cursor:not-allowed}._playButton_le8ct_76{padding:10px 24px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #667eea4d}._playButton_le8ct_76:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}._playButton_le8ct_76:active{transform:translateY(0)}._playButton_le8ct_76._playing_le8ct_98{background:linear-gradient(135deg,#f093fb,#f5576c);animation:_pulse_le8ct_1 1.5s infinite}@keyframes _pulse_le8ct_1{0%,to{opacity:1}50%{opacity:.8}}._nowPlaying_le8ct_108{margin-top:16px;padding:12px;background:#667eea1a;border-radius:8px;text-align:center;font-size:14px;color:var(--text-primary, #333);display:flex;align-items:center;justify-content:center;gap:8px}._playingIndicator_le8ct_122{font-size:20px;animation:_bounce_le8ct_1 1s infinite}@keyframes _bounce_le8ct_1{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(2px)}}._drumControls_le8ct_134{display:flex;align-items:center;gap:12px}._checkboxLabel_le8ct_140{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer}._checkboxLabel_le8ct_140 input[type=checkbox]{cursor:pointer}[data-theme=dark] ._autoPlayer_le8ct_5{background:#0000004d}[data-theme=dark] ._title_le8ct_15,[data-theme=dark] ._nowPlaying_le8ct_108{color:#fff}[data-theme=dark] ._label_le8ct_38{color:#ccc}[data-theme=dark] ._select_le8ct_45{background:#2a2a2a;color:#fff;border-color:#ffffff1a}[data-theme=dark] ._select_le8ct_45:hover:not(:disabled){border-color:#ffffff4d}[data-theme=ocean] ._autoPlayer_le8ct_5{background:linear-gradient(135deg,#0077be1a,#00b4d81a)}[data-theme=sunset] ._autoPlayer_le8ct_5{background:linear-gradient(135deg,#ff5e4d1a,#ff9a001a)}[data-theme=forest] ._autoPlayer_le8ct_5{background:linear-gradient(135deg,#4caf501a,#8bc34a1a)}@media (max-width: 768px){._autoPlayer_le8ct_5{padding:16px;margin:16px}._controls_le8ct_23{flex-direction:column;gap:12px}._songSelector_le8ct_31,._speedControl_le8ct_32{width:100%;justify-content:space-between}._select_le8ct_45{flex:1}._playButton_le8ct_76{width:100%}}@media (max-width: 480px){._title_le8ct_15{font-size:16px}._label_le8ct_38{font-size:12px}._select_le8ct_45{font-size:12px;padding:6px 28px 6px 10px}._playButton_le8ct_76{font-size:14px;padding:8px 20px}}._recorderControls_g3bbo_5{padding:0}._title_g3bbo_9{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #333);text-align:center}._recordingSection_g3bbo_18{margin-bottom:20px}._recordingControls_g3bbo_22{display:flex;gap:12px;justify-content:center}._recordButton_g3bbo_28{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}._startRecord_g3bbo_39{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}._startRecord_g3bbo_39:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #f4433666}._stopRecord_g3bbo_49{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;animation:_pulse_g3bbo_1 1.5s infinite}._clearButton_g3bbo_55{padding:12px 20px;font-size:14px;font-weight:500;background:#0000001a;color:var(--text-primary, #333);border:2px solid rgba(0,0,0,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}._clearButton_g3bbo_55:hover:not(:disabled){background:#0003;transform:translateY(-2px)}._recordButton_g3bbo_28:disabled,._clearButton_g3bbo_55:disabled{opacity:.5;cursor:not-allowed}._recordingIndicator_g3bbo_78{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:14px;color:var(--text-primary, #333)}._recordingDot_g3bbo_88{width:12px;height:12px;background:#f44336;border-radius:50%;animation:_recordBlink_g3bbo_1 1s infinite}@keyframes _recordBlink_g3bbo_1{0%,to{opacity:1}50%{opacity:.3}}@keyframes _pulse_g3bbo_1{0%,to{opacity:1}50%{opacity:.8}}._playbackSection_g3bbo_107{padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}._recordingInfo_g3bbo_112{display:flex;justify-content:center;gap:20px;margin-bottom:16px;font-size:14px;color:var(--text-secondary, #666)}._playbackControls_g3bbo_121{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:16px}._playButton_g3bbo_129{padding:10px 24px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #4caf504d}._playButton_g3bbo_129:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}._playButton_g3bbo_129._playing_g3bbo_147{background:linear-gradient(135deg,#ff9800,#ff5722);animation:_pulse_g3bbo_1 1.5s infinite}._speedControl_g3bbo_152{display:flex;align-items:center;gap:8px}._label_g3bbo_158{font-size:14px;font-weight:500;color:var(--text-secondary, #666)}._select_g3bbo_164{padding:8px 32px 8px 12px;font-size:14px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}._select_g3bbo_164:hover:not(:disabled){border-color:#0000004d;box-shadow:0 2px 6px #0000001a}._select_g3bbo_164:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}._select_g3bbo_164:disabled{opacity:.6;cursor:not-allowed}._downloadSection_g3bbo_196{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}._nameInput_g3bbo_202{width:100%;padding:10px 12px;margin-bottom:12px;font-size:14px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;color:#333;transition:all .2s ease}._nameInput_g3bbo_202:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}._nameInput_g3bbo_202:disabled{opacity:.6;cursor:not-allowed}._downloadButtons_g3bbo_225{display:flex;gap:12px;justify-content:center}._downloadButton_g3bbo_225{flex:1;padding:10px 16px;font-size:14px;font-weight:500;background:linear-gradient(135deg,#2196f3,#03a9f4);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #2196f34d}._downloadButton_g3bbo_225:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #2196f366}._downloadButton_g3bbo_225:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] ._recorderControls_g3bbo_5{background:#0000004d}[data-theme=dark] ._title_g3bbo_9{color:#fff}[data-theme=dark] ._recordingInfo_g3bbo_112,[data-theme=dark] ._label_g3bbo_158{color:#ccc}[data-theme=dark] ._recordingIndicator_g3bbo_78{color:#fff}[data-theme=dark] ._clearButton_g3bbo_55{background:#ffffff1a;color:#fff;border-color:#fff3}[data-theme=dark] ._clearButton_g3bbo_55:hover:not(:disabled){background:#fff3}[data-theme=dark] ._select_g3bbo_164,[data-theme=dark] ._nameInput_g3bbo_202{background:#2a2a2a;color:#fff;border-color:#ffffff1a}[data-theme=dark] ._select_g3bbo_164:hover:not(:disabled),[data-theme=dark] ._nameInput_g3bbo_202:hover:not(:disabled){border-color:#ffffff4d}@media (max-width: 768px){._recorderControls_g3bbo_5{padding:16px;margin:16px}._recordingControls_g3bbo_22{flex-direction:column}._recordButton_g3bbo_28,._clearButton_g3bbo_55,._playButton_g3bbo_129{width:100%}._playbackControls_g3bbo_121{flex-direction:column}._speedControl_g3bbo_152{width:100%;justify-content:space-between}._select_g3bbo_164{flex:1}._downloadButtons_g3bbo_225{flex-direction:column}._downloadButton_g3bbo_225{width:100%}}@media (max-width: 480px){._title_g3bbo_9{font-size:16px}._recordButton_g3bbo_28,._playButton_g3bbo_129{font-size:14px;padding:10px 20px}._clearButton_g3bbo_55{font-size:12px;padding:10px 16px}._recordingInfo_g3bbo_112{font-size:12px;flex-direction:column;gap:4px}._label_g3bbo_158{font-size:12px}._select_g3bbo_164{font-size:12px;padding:6px 28px 6px 10px}._nameInput_g3bbo_202{font-size:12px;padding:8px 10px}._downloadButton_g3bbo_225{font-size:12px;padding:8px 12px}}._drumControls_imybs_5{padding:0}._title_imybs_9{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #333);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}._mainControls_imybs_22{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:20px;flex-wrap:wrap}._playButton_imybs_31{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003;display:flex;align-items:center;gap:8px}._startButton_imybs_45{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}._startButton_imybs_45:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}._stopButton_imybs_55{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;animation:_pulse_imybs_1 1.5s infinite}._stopButton_imybs_55:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ff980066}@keyframes _pulse_imybs_1{0%,to{opacity:1}50%{opacity:.8}}._patternSection_imybs_72{margin-bottom:16px}._sectionLabel_imybs_76{font-size:14px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:8px;display:block;text-align:center}._patternGrid_imybs_85{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}._patternButton_imybs_92{padding:10px 12px;font-size:12px;font-weight:500;background:#0000000d;color:var(--text-primary, #333);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center}._patternButton_imybs_92:hover:not(:disabled){background:#0000001a;transform:translateY(-1px)}._patternButton_imybs_92._selected_imybs_110{background:linear-gradient(135deg,#2196f3,#03a9f4);color:#fff;border-color:#2196f3;box-shadow:0 2px 6px #2196f34d}._controlsSection_imybs_118{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}._control_imybs_118{display:flex;flex-direction:column;align-items:center;gap:8px}._controlLabel_imybs_133{font-size:12px;font-weight:500;color:var(--text-secondary, #666)}._slider_imybs_139{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:#0000001a;border-radius:3px;outline:none;transition:background .2s}._slider_imybs_139:hover{background:#00000026}._slider_imybs_139::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#2196f3,#03a9f4);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}._slider_imybs_139::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #2196f366}._slider_imybs_139::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#2196f3,#03a9f4);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}._controlValue_imybs_181{font-size:14px;font-weight:600;color:var(--text-primary, #333);min-width:60px;text-align:center}._visualizerSection_imybs_190{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}._visualizer_imybs_190{display:flex;gap:4px;justify-content:center;align-items:center;height:40px}._beat_imybs_204{width:20px;height:20px;background:#0000001a;border-radius:4px;transition:all .1s ease}._beat_imybs_204._active_imybs_212{background:linear-gradient(135deg,#4caf50,#8bc34a);transform:scale(1.2);box-shadow:0 2px 8px #4caf5066}._beat_imybs_204._kick_imybs_218{height:30px}._beat_imybs_204._snare_imybs_222{height:25px}._beat_imybs_204._hihat_imybs_226{height:15px}._drumPadSection_imybs_231{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}._drumPadGrid_imybs_237{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:400px;margin:0 auto}._drumPad_imybs_231{aspect-ratio:1;padding:10px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 6px #9c27b04d}._drumPad_imybs_231:active{transform:scale(.95);box-shadow:0 1px 3px #9c27b080}._drumPad_imybs_231._kick_imybs_218{background:linear-gradient(135deg,#f44336,#e91e63)}._drumPad_imybs_231._snare_imybs_222{background:linear-gradient(135deg,#ff9800,#ff5722)}._drumPad_imybs_231._hihat_imybs_226{background:linear-gradient(135deg,#00bcd4,#009688)}._drumPad_imybs_231._crash_imybs_280{background:linear-gradient(135deg,#ffc107,#ff9800)}[data-theme=dark] ._drumControls_imybs_5{background:#0000004d}[data-theme=dark] ._title_imybs_9,[data-theme=dark] ._controlValue_imybs_181{color:#fff}[data-theme=dark] ._sectionLabel_imybs_76,[data-theme=dark] ._controlLabel_imybs_133{color:#ccc}[data-theme=dark] ._patternButton_imybs_92{background:#ffffff0d;color:#fff}[data-theme=dark] ._patternButton_imybs_92:hover:not(:disabled){background:#ffffff1a}[data-theme=dark] ._slider_imybs_139{background:#ffffff1a}[data-theme=dark] ._slider_imybs_139:hover{background:#ffffff26}[data-theme=dark] ._beat_imybs_204{background:#ffffff1a}@media (max-width: 768px){._drumControls_imybs_5{padding:16px;margin:16px}._mainControls_imybs_22{flex-direction:column;width:100%}._playButton_imybs_31{width:100%;justify-content:center}._patternGrid_imybs_85{grid-template-columns:repeat(2,1fr)}._controlsSection_imybs_118{flex-direction:column;gap:16px}._control_imybs_118{width:100%}._slider_imybs_139{width:200px}._drumPadGrid_imybs_237{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){._title_imybs_9{font-size:16px}._playButton_imybs_31{font-size:14px;padding:10px 20px}._patternButton_imybs_92{font-size:11px;padding:8px 10px}._controlLabel_imybs_133{font-size:11px}._controlValue_imybs_181{font-size:12px}._drumPad_imybs_231{font-size:11px;padding:8px}._visualizer_imybs_190{gap:2px}._beat_imybs_204{width:16px;height:16px}._beat_imybs_204._kick_imybs_218{height:24px}._beat_imybs_204._snare_imybs_222{height:20px}._beat_imybs_204._hihat_imybs_226{height:12px}}._accordion_1xupl_5{margin:16px auto;max-width:800px}._accordionItem_1xupl_10{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}._accordionItem_1xupl_10._expanded_1xupl_20{box-shadow:0 4px 12px #00000026}._accordionHeader_1xupl_24{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffffff0d,#ffffff05);transition:all .3s ease;-webkit-user-select:none;user-select:none}._accordionHeader_1xupl_24:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}._accordionTitle_1xupl_39{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#fff;margin:0}._accordionIcon_1xupl_49{font-size:20px}._expandIcon_1xupl_53{font-size:20px;transition:transform .3s ease;color:#fff;opacity:.8}._expandIcon_1xupl_53._expanded_1xupl_20{transform:rotate(180deg)}._accordionContent_1xupl_64{max-height:0;overflow:hidden;transition:max-height .3s ease}._accordionContent_1xupl_64._expanded_1xupl_20{max-height:2000px}._accordionInner_1xupl_74{padding:0 20px 20px}._statusBadge_1xupl_79{padding:4px 12px;font-size:12px;font-weight:500;border-radius:12px;background:#ffffff26;color:#fff;margin-left:auto;margin-right:8px}._statusBadge_1xupl_79._active_1xupl_90{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;animation:_pulse_1xupl_1 2s infinite}._statusBadge_1xupl_79._recording_1xupl_96{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;animation:_pulse_1xupl_1 1s infinite}@keyframes _pulse_1xupl_1{0%,to{opacity:1}50%{opacity:.7}}[data-theme=dark] ._accordionItem_1xupl_10{background:#0000004d}[data-theme=dark] ._accordionHeader_1xupl_24{background:linear-gradient(135deg,#ffffff08,#ffffff03)}[data-theme=dark] ._accordionHeader_1xupl_24:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}@media (max-width: 768px){._accordion_1xupl_5{margin:12px}._accordionHeader_1xupl_24{padding:14px 16px}._accordionTitle_1xupl_39{font-size:14px}._accordionIcon_1xupl_49,._expandIcon_1xupl_53{font-size:18px}._accordionInner_1xupl_74{padding:0 16px 16px}._statusBadge_1xupl_79{font-size:11px;padding:3px 10px}}@media (max-width: 480px){._accordionHeader_1xupl_24{padding:12px 14px}._accordionTitle_1xupl_39{font-size:13px;gap:8px}._statusBadge_1xupl_79{display:none}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color)}.app-header{padding:1rem;text-align:center;background-color:var(--control-bg);border-bottom:2px solid var(--control-border)}.app-header h1{font-size:1.5rem;margin:0}.app-main{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem}.controls-panel{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:8px;justify-content:center;align-items:center}.piano-container{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem}@media (max-width: 768px){.app-header h1{font-size:1.2rem}.controls-panel{gap:.5rem;padding:.5rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--text-color, #fff);outline-offset:2px}.piano,.controls-panel{user-select:none;-webkit-user-select:none}[data-theme=classic],body{--bg-color: #1a1a1a;--key-white: #ffffff;--key-white-pressed: #e0e0e0;--key-black: #000000;--key-black-pressed: #333333;--key-border: #999999;--key-shadow: 0 4px 6px rgba(0, 0, 0, .3);--key-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, .3);--text-color: #ffffff;--label-color: #000000;--label-color-black-key: #ffffff;--control-bg: #2a2a2a;--control-border: #444444;--theme-transition: all .3s ease}[data-theme=modern]{--bg-color: #2c3e50;--key-white: linear-gradient(180deg, #f5f5f5 0%, #e0e0e0 100%);--key-white-pressed: linear-gradient(180deg, #d0d0d0 0%, #c0c0c0 100%);--key-black: linear-gradient(180deg, #333333 0%, #111111 100%);--key-black-pressed: linear-gradient(180deg, #222222 0%, #000000 100%);--key-border: #7f8c8d;--key-shadow: 0 6px 10px rgba(0, 0, 0, .4);--key-pressed-shadow: inset 0 3px 6px rgba(0, 0, 0, .4);--text-color: #ecf0f1;--label-color: #2c3e50;--label-color-black-key: #ecf0f1;--control-bg: #34495e;--control-border: #7f8c8d}[data-theme=neon]{--bg-color: #000000;--key-white: #00ffff;--key-white-pressed: #00cccc;--key-black: #ff00ff;--key-black-pressed: #cc00cc;--key-border: #ffffff;--key-shadow: 0 0 10px currentColor, 0 0 20px currentColor;--key-pressed-shadow: inset 0 0 10px rgba(0, 0, 0, .5);--text-color: #00ffff;--label-color: #000000;--label-color-black-key: #000000;--control-bg: #111111;--control-border: #00ffff;--glow-effect: 0 0 10px currentColor, 0 0 20px currentColor}body{background-color:var(--bg-color);color:var(--text-color);transition:var(--theme-transition)}