.styles_container__QPY5X{min-height:100vh;padding:2rem;background-color:#e0e0e0;font-family:Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.styles_pianoWindow__3TqH_{width:900px}.styles_controlWindow__YwJce,.styles_pianoWindow__3TqH_{position:absolute;background-color:#e0e0e0;border:1px solid #999;border-radius:4px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5),2px 2px 10px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_controlWindow__YwJce{top:0;left:0;width:320px;z-index:2}.styles_controlWindowTitle__wQOWk{background:linear-gradient(180deg,#d4d4d4,#c4c4c4);color:#333;padding:.75rem;display:flex;justify-content:space-between;align-items:center;font-weight:500;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #999;border-radius:3px 3px 0 0;box-shadow:inset 0 1px hsla(0,0%,100%,.5);cursor:-webkit-grab;cursor:grab}.styles_controlWindowTitle__wQOWk:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_controlWindowContent__Sy8Fa{padding:1.5rem;background:linear-gradient(180deg,#d8d8d8,#c8c8c8);border-radius:0 0 3px 3px;position:relative}.styles_controlWindowContent__Sy8Fa:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px);pointer-events:none}.styles_windowButtons__xhdr5{display:flex;gap:.5rem}.styles_main__s4K9e{font-family:Chicago,Helvetica Neue,sans-serif}.styles_titleBar__yQo4g{background:linear-gradient(180deg,#d4d4d4,#c4c4c4);color:#333;padding:.75rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-weight:500;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #999;border-radius:3px 3px 0 0;box-shadow:inset 0 1px hsla(0,0%,100%,.5);cursor:-webkit-grab;cursor:grab}.styles_titleBar__yQo4g:active{cursor:-webkit-grabbing;cursor:grabbing}.styles_display__R_bbt{background:#000;color:#00ffc8;padding:.5rem 1rem;font-family:Monaco,monospace;border:1px solid #666;min-width:150px;text-align:center;box-shadow:inset 0 0 10px rgba(0,255,200,.2),0 1px 2px hsla(0,0%,100%,.5)}.styles_display__R_bbt:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0f0,transparent);animation:styles_scan__8XR7j 2s linear infinite}@keyframes styles_scan__8XR7j{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styles_titleBar__yQo4g button{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);color:#333;border:1px solid #999;width:24px;height:24px;font-family:inherit;font-weight:700;cursor:pointer;border-radius:2px;box-shadow:inset 0 1px hsla(0,0%,100%,.8),0 1px 2px rgba(0,0,0,.1)}.styles_titleBar__yQo4g button:hover{background:linear-gradient(180deg,#e8e8e8,#d8d8d8)}.styles_titleBar__yQo4g button:active{background:#d0d0d0;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.styles_controls__qbOiL{display:flex;gap:2rem;margin-bottom:1rem;padding:1.5rem;background:linear-gradient(180deg,#d8d8d8,#c8c8c8);border:1px solid #999;border-radius:3px;position:relative}.styles_controls__qbOiL:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px)}.styles_controls__qbOiL:after{content:"CTRL";position:absolute;top:-10px;left:10px;background:#000;color:#0f0;padding:0 8px;font-size:12px;letter-spacing:2px}.styles_slider__XHF81{-webkit-appearance:none;width:200px;height:16px;background:silver;border:1px solid #999;border-radius:2px;outline:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.styles_slider__XHF81::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(180deg,#ff6b35,#e85a2c);border:1px solid #cc4b24;border-radius:2px;cursor:pointer;box-shadow:inset 0 1px hsla(0,0%,100%,.3),0 1px 3px rgba(0,0,0,.2)}.styles_waveformControl__W9aX6{display:flex;gap:.5rem}.styles_waveButton__jknz_{background:linear-gradient(180deg,#e8e8e8,#d8d8d8);color:#333;border:1px solid #999;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;cursor:pointer;border-radius:2px;box-shadow:inset 0 1px hsla(0,0%,100%,.8),0 1px 2px rgba(0,0,0,.1)}.styles_waveButton__jknz_:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0)}.styles_waveButton__jknz_.styles_active__b7NnB{background:linear-gradient(180deg,#ff6b35,#e85a2c);color:#fff;border-color:#cc4b24;box-shadow:inset 0 1px hsla(0,0%,100%,.2),0 0 5px rgba(255,107,53,.5)}.styles_keyboard__501JP{display:flex;position:relative;padding:1rem;background:silver;border:1px solid #999;border-radius:3px;height:180px;width:-moz-fit-content;width:fit-content;margin:0 auto}.styles_keyboard__501JP:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.styles_key__pgCWT{width:60px;height:140px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px solid #999;cursor:pointer;transition:all .1s;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;box-shadow:inset 0 1px hsla(0,0%,100%,.8),0 2px 3px rgba(0,0,0,.1);z-index:1}.styles_key__pgCWT:hover{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)}.styles_key__pgCWT.styles_active__b7NnB,.styles_key__pgCWT:active{background:linear-gradient(180deg,#ff6b35,#e85a2c);border-color:#cc4b24;color:#fff;transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.styles_blackKey__kxrBt{background:linear-gradient(180deg,#333,#222);position:absolute;width:40px;height:90px;z-index:2;border:1px solid #000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;box-shadow:inset 0 -5px 10px rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.2)}.styles_blackKey__kxrBt:hover{background:linear-gradient(180deg,#444,#333)}.styles_blackKey__kxrBt.styles_active__b7NnB,.styles_blackKey__kxrBt:active{background:linear-gradient(180deg,#ff6b35,#e85a2c);border-color:#cc4b24;color:#fff;transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.styles_noteLabel__tv9rs{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:1px}.styles_blackKey__kxrBt .styles_noteLabel__tv9rs{color:#999}.styles_blackKey__kxrBt.styles_active__b7NnB .styles_noteLabel__tv9rs,.styles_key__pgCWT.styles_active__b7NnB .styles_noteLabel__tv9rs{color:#fff}.styles_label__StByz{text-align:center;font-size:.8rem;color:#333;margin-top:.8rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px hsla(0,0%,100%,.5)}.styles_section__0Om6D{margin-top:2rem}.styles_list__fupZo{margin-top:1rem;margin-left:1.5rem;line-height:1.6}.styles_list__fupZo li{margin-bottom:.5rem}.styles_displayRow__X37hr{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.styles_displayRow__X37hr span:first-child{color:rgba(0,255,200,.7)}.styles_controlLabel__G0OXq{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 1px hsla(0,0%,100%,.5)}.styles_valueDisplay__Q561v{text-align:center;font-size:.8rem;color:#333;margin-top:.5rem;font-family:Monaco,monospace;background:rgba(0,0,0,.1);padding:2px 6px;border-radius:2px;border:1px solid rgba(0,0,0,.1)}.styles_waveformButtons__XbuYV{display:flex;gap:.5rem}.styles_statusIndicator__RHljY{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:2px}.styles_led__pVpjh{width:8px;height:8px;border-radius:50%;background:#666;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.styles_led__pVpjh.styles_active__b7NnB{background:#ff6b35;box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 0 5px rgba(255,107,53,.5)}.styles_statusIndicator__RHljY span{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px}.styles_synthControl__08Diz{display:flex;flex-direction:column;gap:.5rem}.styles_synthButtons__Fw2HK{display:flex;gap:1rem;flex-wrap:wrap}.styles_synthGroup__HuyBe{display:flex;flex-direction:column;gap:.5rem}.styles_synthGroupLabel__H7sdA{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px hsla(0,0%,100%,.5)}.styles_synthGroupButtons__ZUJM9{display:flex;gap:.5rem}.styles_synthButton__lSARf{background:linear-gradient(180deg,#e8e8e8,#d8d8d8);color:#333;border:1px solid #999;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;cursor:pointer;border-radius:2px;box-shadow:inset 0 1px hsla(0,0%,100%,.8),0 1px 2px rgba(0,0,0,.1);min-width:80px}.styles_synthButton__lSARf:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0)}.styles_synthButton__lSARf.styles_active__b7NnB{background:linear-gradient(180deg,#ff6b35,#e85a2c);color:#fff;border-color:#cc4b24;box-shadow:inset 0 1px hsla(0,0%,100%,.2),0 0 5px rgba(255,107,53,.5)}