.styles_container__PKUFE{min-height:100vh;padding:2rem;position:relative;align-items:flex-start}.styles_backButton__e_3_z,.styles_container__PKUFE{background:#fff;font-family:Courier New,Courier,monospace;display:flex;justify-content:center}.styles_backButton__e_3_z{position:fixed;top:1rem;left:1rem;align-items:center;width:40px;height:40px;border:2px outset #000;color:#000;text-decoration:none;font-size:1.2rem;font-weight:700;cursor:pointer}.styles_backButton__e_3_z:active{border:2px inset #000}.styles_synthesizer__5AGRa{background:#fff;border:2px outset #000;padding:1.5rem;max-width:900px;width:100%}.styles_displayPanel__0Ap62{background:grey;border:2px inset grey;padding:1rem;display:flex;justify-content:space-between;margin-bottom:1rem}.styles_displayItem__tKRmb{flex:1 1;text-align:center}.styles_displayValue___3LAh{color:#fff;font-weight:700;font-size:1.1rem;font-family:Courier New,Courier,monospace}.styles_waveformContainer__MVexR{background:#fff;border:2px inset #000;padding:.5rem;margin-bottom:1rem}.styles_waveformCanvas__nB3cm{width:100%;height:200px;display:block;background:#fff}.styles_controls__hX3xX{margin-bottom:1.5rem}.styles_controlGroup__Guy11{margin-bottom:1rem}.styles_controlLabel__SX0f5{display:block;color:#000;font-size:.85rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;font-family:Courier New,Courier,monospace}.styles_sliderContainer__JjzCN{display:flex;align-items:center;gap:1rem}.styles_slider___nP9x{flex:1 1;height:20px;background:#fff;border:2px inset #000;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.styles_slider___nP9x::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px outset #000;cursor:pointer}.styles_slider___nP9x::-webkit-slider-thumb:active{border:2px inset #000}.styles_slider___nP9x::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px outset #000;cursor:pointer}.styles_slider___nP9x::-moz-range-thumb:active{border:2px inset #000}.styles_playButton__nuR5r{padding:.5rem 2rem;background:#000;border:2px outset #000;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;font-family:Courier New,Courier,monospace;min-width:80px}.styles_playButton__nuR5r.styles_playing__suXND,.styles_playButton__nuR5r:active{border:2px inset #000;background:#404040}.styles_waveformButtons__DShk1{display:flex;gap:.5rem}.styles_waveformButton__4iFAj{flex:1 1;padding:.5rem;background:#fff;border:2px outset #000;color:#000;font-weight:700;font-size:.85rem;cursor:pointer;font-family:Courier New,Courier,monospace;text-transform:uppercase}.styles_waveformButton__4iFAj:hover{background:#e8e8e8}.styles_waveformButton__4iFAj.styles_active__4Jz_Y,.styles_waveformButton__4iFAj:active{background:#000;border:2px inset #000;color:#fff}.styles_pianoContainer__XeJK7{background:#fff;border:2px inset #000;padding:1rem;margin-bottom:1rem}.styles_pianoKeys__GJBvH{display:flex;position:relative;height:200px}.styles_whiteKeyWrapper__HLNYk{position:relative;flex:1 1;height:100%}.styles_whiteKey__PhIV1{width:100%;height:100%;background:#fff;border:2px outset #000;border-right:1px solid #000;cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;font-family:Courier New,Courier,monospace}.styles_whiteKey__PhIV1:hover{background:#f5f5f5}.styles_whiteKey__PhIV1.styles_pressed__0t0uP,.styles_whiteKey__PhIV1:active{background:#e0e0e0;border:2px inset #000;transform:translateY(2px)}.styles_blackKey__zNFNE{position:absolute;top:0;left:70%;width:60%;height:60%;background:#000;border:2px outset #000;cursor:pointer;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem;font-family:Courier New,Courier,monospace}.styles_blackKey__zNFNE:hover{background:#1a1a1a}.styles_blackKey__zNFNE.styles_pressed__0t0uP,.styles_blackKey__zNFNE:active{background:#000;border:2px inset #000;transform:translateY(1px)}.styles_keyLabels__UEsP_{display:flex;flex-direction:column;align-items:center;pointer-events:none}.styles_keyNote__UXDfY{font-size:.7rem;font-weight:700}.styles_keyMap__EkiLg,.styles_keyNote__UXDfY{color:#000;display:block;font-family:Courier New,Courier,monospace}.styles_keyMap__EkiLg{font-size:.6rem;margin-top:.2rem}.styles_blackKey__zNFNE .styles_keyNote__UXDfY{color:#fff;font-size:.65rem;font-family:Courier New,Courier,monospace}.styles_blackKey__zNFNE .styles_keyMap__EkiLg{color:#fff;font-size:.55rem;font-family:Courier New,Courier,monospace}.styles_shortcuts__fxHSX{background:#fff;border:2px inset #000;padding:.75rem;text-align:center;font-size:.8rem;color:#000;line-height:1.6;font-family:Courier New,Courier,monospace}.styles_shortcuts__fxHSX div{margin:.25rem 0}@media (max-width:768px){.styles_container__PKUFE,.styles_synthesizer__5AGRa{padding:1rem}.styles_pianoKeys__GJBvH{height:150px}.styles_keyNote__UXDfY{font-size:.6rem}.styles_keyMap__EkiLg{font-size:.5rem}}