.styles_container__PKUFE{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;overflow:hidden}.styles_window__qIheG{background-color:#e6e6e6;border:1px solid #000;border-radius:6px;width:800px;max-width:95vw;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.styles_titleBar__hrTqQ{background:#fff;border-bottom:1px solid #666;padding:8px;border-radius:4px 4px 0 0;cursor:-webkit-grab;cursor:grab}.styles_titleText___pxTG{font-family:monospace;font-size:14px;text-align:center;color:#000}.styles_content___TkVd{padding:20px}.styles_piano__t0AgF{display:flex;justify-content:center;position:relative;margin-bottom:20px;z-index:0}.styles_key__Tfmwl{position:relative;border:1px solid #000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;cursor:pointer;transition:background-color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_natural__zg_Bh{background-color:#fff;width:60px;height:200px;margin:0 -1px 0 0;border-radius:0 0 6px 6px;transition:background-color .05s ease}.styles_sharp__qFwrW{background-color:#000;width:40px;height:120px;margin:0 -20px;z-index:1;color:#fff;transition:background-color .05s ease}.styles_natural__zg_Bh.styles_active__4Jz_Y,.styles_natural__zg_Bh:active{background-color:#ccc}.styles_sharp__qFwrW.styles_active__4Jz_Y,.styles_sharp__qFwrW:active{background-color:#333}.styles_keyLabel__HNqyo{font-family:monospace;font-size:12px;opacity:.7}.styles_visualizerWindow__W8KFe{width:-moz-fit-content;width:fit-content}.styles_visualizer__o6bGW{background-color:#1c1c1c;border-radius:4px;width:400px;height:200px;display:block}.styles_controlsWindow__GTzmI{width:-moz-fit-content;width:fit-content;min-width:200px}.styles_controls__hX3xX{display:flex;flex-direction:column;gap:16px}.styles_controlGroup__Guy11{display:flex;flex-direction:column;gap:8px}.styles_controlLabel__SX0f5{font-family:monospace;font-size:14px;color:#000}.styles_radioGroup__2Xlf7{display:flex;flex-direction:column;gap:8px}.styles_radioLabel__GLXsx{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:14px;color:#000;cursor:pointer}.styles_radioInput__SHV4H{margin:0;cursor:pointer}.styles_songsWindow__deaqJ{width:-moz-fit-content;width:fit-content;min-width:200px}.styles_playButton__nuR5r{font-family:monospace;font-size:14px;padding:10px 20px;background-color:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;transition:background-color .2s}.styles_playButton__nuR5r:hover{background-color:#f0f0f0}.styles_playButton__nuR5r:active{background-color:#e0e0e0}