.visualizer_container__uioEl{height:18vh;width:100%;border-radius:2px;background-color:red}@media (max-width:700px){.visualizer_container__uioEl{height:8vh}}.page_srOnly__uchxZ{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page_mainContainer__m9URb{background-color:#929292;color:white;display:grid;gap:5px;box-sizing:border-box;padding:5px}.page_container__p0I5Z{display:flex;gap:5px;align-items:center}.page_navRow__oWm0M{display:flex;gap:5px;align-items:stretch;position:relative}.page_settingsBtn__zVj2T{flex:0 0 auto;width:40px;border:0;border-radius:8px;background:#2c2c2e;box-shadow:inset 1px 1px 0 rgba(255,255,255,.08),inset -1px -1px 0 rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.45);color:#d2d2d2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .12s ease,box-shadow .12s ease}.page_settingsBtn__zVj2T:active{transform:translateY(1px);filter:brightness(1.12);box-shadow:inset -1px -1px 0 rgba(255,255,255,.06),inset 1px 1px 0 rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.45)}.page_settingsBtn__zVj2T svg{display:block;width:20px;height:20px}.page_bankWrap__20WBv{position:relative;flex:0 0 auto;display:flex}.page_bankKey__6zXdE{flex:0 0 68px;width:68px;border:0;border-radius:8px;cursor:pointer;background:#2c2c2e;box-shadow:inset 1px 1px 0 rgba(255,255,255,.08),inset -1px -1px 0 rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.45);color:#ffffff;font-size:13px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;transition:filter .12s ease,box-shadow .12s ease}.page_bankKey__6zXdE svg{display:block;width:10px;height:10px;opacity:.5}.page_bankKey__6zXdE:active{transform:translateY(1px);filter:brightness(1.12);box-shadow:inset -1px -1px 0 rgba(255,255,255,.06),inset 1px 1px 0 rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.45)}.page_bankBackdrop__OUiwl{position:fixed;inset:0;z-index:19}.page_bankPop__lVTN8{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:4px;padding:4px;background:#191a1c;border-radius:8px;box-shadow:0 -6px 20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}.page_bankOptOn__ZjPV7,.page_bankOpt__Dcj0Y{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;background:transparent;color:#8f8f8f;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.page_bankOpt__Dcj0Y:hover{color:#cfcfcf}.page_bankOptOn__ZjPV7{color:#fff;background:#2f2f31;box-shadow:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.55)}.page_navButtonContainer__UGzZo{flex:1;display:flex;gap:4px;padding:4px;background:#191a1c;border-radius:8px;box-shadow:inset 0 2px 5px rgba(0,0,0,.6);box-sizing:border-box;position:relative;touch-action:none}.page_navThumb__8hiR6{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 12px) / 2);border-radius:6px;background:#2f2f31;box-shadow:inset 1px 1px 0 rgba(255,255,255,.1),inset -1px -1px 0 rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.55);transition:transform .18s ease;pointer-events:none}@media (prefers-reduced-motion:reduce){.page_navThumb__8hiR6{transition:none}}.page_navButtonContainer__UGzZo button{position:relative;z-index:1;flex:1;border:0;border-radius:6px;cursor:pointer;background:transparent;color:#8f8f8f;font-size:13px;font-weight:600;padding:9px 0;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.page_navButtonContainer__UGzZo button.page_navActive__JsMSU{color:#fff}@media (min-width:701px){.page_navButtonContainer__UGzZo{padding:3px;gap:3px}.page_navThumb__8hiR6{left:3px;top:3px;bottom:3px;width:calc((100% - 9px) / 2)}.page_navButtonContainer__UGzZo button{font-size:11px;padding:7px 0;line-height:1}.page_bankKey__6zXdE{flex:0 0 58px;width:58px;font-size:11px;gap:7px}.page_settingsBtn__zVj2T{width:34px}}.page_containerStretch__Rh9H8{display:flex;gap:5px;align-items:stretch}.page_contContainer__9di3g{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;width:var(--panel-w);flex-shrink:0;height:60vh}@media (min-width:701px){.page_mainContainer__m9URb{height:calc(100dvh - var(--header-h));grid-template-rows:auto minmax(var(--row2-min),1fr);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.page_contContainer__9di3g{height:100%}}@media (max-width:700px){.page_mainContainer__m9URb{height:calc(100dvh - var(--app-top));grid-template-rows:auto 1fr;padding-bottom:var(--app-bottom);padding-left:max(5px,var(--safe-left));padding-right:max(5px,var(--safe-right))}.page_container__p0I5Z{min-height:0}.page_contContainer__9di3g{width:100%;height:100%;min-height:0;gap:0}.page_playContainer__Qwxu9{display:grid}}.sampler_container__jOQlP{height:60vh;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;box-sizing:border-box;width:100%;position:relative;touch-action:none}@media (min-width:701px){.sampler_container__jOQlP{height:100%}}.sampler_padSelect__mb2id,.sampler_pad__1FTYw{background:#2c2c2e;border-radius:7px;box-shadow:inset 2px 2px 0 rgba(255,255,255,.08),inset -2px -2px 0 rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.5);overflow:hidden;box-sizing:border-box;display:flex;min-width:0;min-height:0;padding:5px;position:relative;isolation:isolate;touch-action:none;transition:transform .09s ease,box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sampler_padPressed__aI04h,.sampler_padSelect__mb2id:active,.sampler_pad__1FTYw:active{transform:translateY(1px);filter:brightness(1.1);box-shadow:inset -2px -2px 0 rgba(255,255,255,.06),inset 2px 2px 0 rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.5)}.sampler_padLed__kGmLl{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:1.5px;z-index:3;opacity:0;transition:opacity .12s ease;pointer-events:none}.sampler_padSelect__mb2id .sampler_padLed__kGmLl{opacity:1;background:#fff;box-shadow:0 0 7px rgba(255,255,255,.85),0 0 0 1px rgba(0,0,0,.4)}.sampler_padLed__kGmLl.sampler_padLedOn__F8SAO{opacity:1;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9),0 0 0 1px rgba(0,0,0,.4);animation:sampler_padLedPulse__Mgrw4 .55s ease-in-out infinite}@keyframes sampler_padLedPulse__Mgrw4{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sampler_padLed__kGmLl.sampler_padLedOn__F8SAO{animation:none}}.sampler_padKey__XsgKN{display:none}@media (min-width:701px){.sampler_padKey__XsgKN{display:block;position:absolute;top:6px;left:7px;z-index:3;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;line-height:1;letter-spacing:.04em;color:rgba(255,255,255,.42);text-shadow:0 1px 1px rgba(0,0,0,.55);pointer-events:none;-webkit-user-select:none;user-select:none}.sampler_padKeyEdit__OSNh4{color:#fff;text-shadow:0 0 6px rgba(123,214,69,.9),0 1px 1px rgba(0,0,0,.7);font-size:12px;letter-spacing:0}.sampler_padKey__XsgKN{transition:font-size .14s ease,color .14s ease,text-shadow .14s ease}.sampler_padKeyAwait__EOw7k{color:#7bd645;animation:sampler_padKeyBlink__w84UL .7s step-end infinite}@keyframes sampler_padKeyBlink__w84UL{0%,49%{opacity:1}50%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.sampler_padKeyAwait__EOw7k{animation:none;opacity:1;text-shadow:0 0 8px rgba(123,214,69,1)}}}.sampler_keyEditBar__bX0y6{display:none}@media (min-width:701px){.sampler_keyEditBar__bX0y6{display:flex;position:absolute;left:0;right:0;bottom:10px;z-index:8;align-items:center;justify-content:center;gap:6px;pointer-events:none}.sampler_keyEditHint__w3DUt{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.06em;color:#cfe0c9;background:rgba(16,18,15,.92);border:1px solid #2f3a2a;border-radius:6px;padding:7px 10px;margin-right:2px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.55)}.sampler_keyEditHintArmed__7frPO{color:#7bd645;border-color:#3f5a33}.sampler_keyEditHintArmed__7frPO b{color:#fff;font-weight:700;margin-left:1px}.sampler_keyEditBtn__b0i2W{pointer-events:auto;border:1px solid #3a3a3a;border-radius:6px;background:#2a2a2a;color:#cfcfcf;font-size:12px;font-weight:600;padding:8px 16px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.55)}.sampler_keyEditSave__i92r3{background:#46e33a;border-color:#46e33a;color:#06210b}}.sampler_blinkingPad__GNZq_{background:linear-gradient(180deg,#000000,#373737);animation:sampler_blinkBackground__OjjP_ 2s infinite;color:white}.sampler_blinkingPad__GNZq_,.sampler_recordingPad__BkwmS{border-radius:7px;padding:20px;text-align:center;font-family:Arial,sans-serif;box-sizing:border-box;flex-shrink:0;position:relative;isolation:isolate}.sampler_recordingPad__BkwmS{background-color:red}.sampler_uploadingPad__cRoIM{background-color:#51C5FF;border-radius:7px;padding:20px;text-align:center;font-family:Arial,sans-serif;box-sizing:border-box;flex-shrink:0;position:relative;isolation:isolate}@keyframes sampler_blinkBackground__OjjP_{0%,50%{background:linear-gradient(180deg,#000000,#373737)}50%,to{background-color:#fff;opacity:50%}}@media (max-width:700px){.sampler_container__jOQlP{height:calc(100% - 5px);min-height:0;width:100%;margin:0 0 5px}.sampler_sliders__6SJTi{padding:0}.sampler_padButton___TBNq{border-radius:4px}}