.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}:where(:root[data-layout=desktop]) .sampler_container__jOQlP{height:100%}:root[data-fn-menu] .sampler_container__jOQlP{visibility:hidden}.sampler_padSelect__mb2id,.sampler_pad__1FTYw{background:var(--s-pad,#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_padLights__5dD3i{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;pointer-events:none}.sampler_padLight__jozqo{position:relative}.sampler_padLight__jozqo:after,.sampler_padLight__jozqo:before{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .42s cubic-bezier(.2,.7,.2,1)}.sampler_padLight__jozqo:before{inset:-2.5px;border-radius:9.5px;box-shadow:0 0 0 1.5px #ffffff,0 0 8px 1px #ffffff}.sampler_padLight__jozqo:after{inset:0;border-radius:7px;box-shadow:0 0 18px 4px #ffffff}.sampler_padLight__jozqo[data-loaded]:before{opacity:.32}.sampler_padLight__jozqo[data-lit]:before{opacity:.6;transition:none}.sampler_padLight__jozqo[data-lit][data-loaded]:before{opacity:1}.sampler_padLight__jozqo[data-lit]:after{opacity:.25;transition:none}.sampler_padLight__jozqo[data-lit][data-loaded]:after{opacity:.55}:root[data-skin=blackout] .sampler_padLight__jozqo:before{display:none}:root[data-skin=blackout] .sampler_padLight__jozqo:after{box-shadow:0 0 18px 4px var(--pad-c)}.sampler_padGlow__YkcU2{position:absolute;inset:0;z-index:1;border-radius:7px;pointer-events:none}.sampler_padGlow__YkcU2:after,.sampler_padGlow__YkcU2:before{content:"";position:absolute;opacity:0;transition:opacity .42s cubic-bezier(.2,.7,.2,1)}.sampler_padGlow__YkcU2:before{inset:5px;border-radius:2px;background:#ffffff}.sampler_padGlow__YkcU2:after{inset:0;border-radius:7px;box-shadow:inset 0 0 0 1.5px #ffffff,inset 0 0 14px 3px rgba(255,255,255,.6)}[data-lit]>.sampler_padGlow__YkcU2:after{opacity:.6;transition:none}[data-lit][data-loaded]>.sampler_padGlow__YkcU2:after{opacity:.85}[data-lit]:not([data-loaded])>.sampler_padGlow__YkcU2:before{opacity:.12;transition:none}:root:not([data-skin=blackout]) .sampler_padGlow__YkcU2:after{box-shadow:inset 0 0 0 1.5px #ffffff,inset 0 0 14px 3px #ffffff}:root:not([data-skin=blackout]) [data-loaded]>.sampler_padGlow__YkcU2:before{opacity:.05}:root:not([data-skin=blackout]) [data-loaded]>.sampler_padGlow__YkcU2:after{opacity:.15}:root:not([data-skin=blackout]) [data-lit]>.sampler_padGlow__YkcU2:before{opacity:.108;transition:none}:root:not([data-skin=blackout]) [data-lit]>.sampler_padGlow__YkcU2:after{opacity:.2;transition:none}:root:not([data-skin=blackout]) [data-lit][data-loaded]>.sampler_padGlow__YkcU2:before{opacity:.396}:root:not([data-skin=blackout]) [data-lit][data-loaded]>.sampler_padGlow__YkcU2:after{opacity:.34}:root[data-skin=blackout] .sampler_padGlow__YkcU2{z-index:-1}:root[data-skin=blackout] .sampler_padGlow__YkcU2:before{background:var(--pad-c)}:root[data-skin=blackout] .sampler_padGlow__YkcU2:after{box-shadow:inset 0 0 0 1.5px var(--pad-c),inset 0 0 14px 3px var(--pad-c)}:root[data-skin=blackout] [data-loaded]>.sampler_padGlow__YkcU2:before{opacity:.1}:root[data-skin=blackout] [data-loaded]>.sampler_padGlow__YkcU2:after{opacity:.42}:root[data-skin=blackout] [data-lit]>.sampler_padGlow__YkcU2:before{opacity:.15;transition:none}:root[data-skin=blackout] [data-lit]>.sampler_padGlow__YkcU2:after{opacity:.5;transition:none}:root[data-skin=blackout] [data-lit][data-loaded]>.sampler_padGlow__YkcU2:before{opacity:.55}:root[data-skin=blackout] [data-lit][data-loaded]>.sampler_padGlow__YkcU2:after{opacity:1}.sampler_padSelect__mb2id canvas,.sampler_pad__1FTYw canvas{filter:brightness(1) saturate(1);transition:filter .42s cubic-bezier(.2,.7,.2,1)}.sampler_padSelect__mb2id[data-lit] canvas,.sampler_pad__1FTYw[data-lit] canvas{filter:brightness(1.2) saturate(1.06);transition:none}:root[data-skin=blackout] .sampler_padSelect__mb2id canvas,:root[data-skin=blackout] .sampler_pad__1FTYw canvas{filter:grayscale(0) brightness(1)}:root[data-skin=blackout] .sampler_padSelect__mb2id[data-lit] canvas,:root[data-skin=blackout] .sampler_pad__1FTYw[data-lit] canvas{filter:grayscale(1) brightness(14)}:root[data-pad-lights=off] .sampler_padGlow__YkcU2,:root[data-pad-lights=off] .sampler_padLights__5dD3i{display:none}:root[data-pad-lights=off] .sampler_padSelect__mb2id canvas,:root[data-pad-lights=off] .sampler_padSelect__mb2id[data-lit] canvas,:root[data-pad-lights=off] .sampler_pad__1FTYw canvas,:root[data-pad-lights=off] .sampler_pad__1FTYw[data-lit] canvas{filter:none;transition:none}:root:not([data-skin=blackout]) .sampler_padGlow__YkcU2,:root:not([data-skin=blackout]) .sampler_padLights__5dD3i{display:none}:root:not([data-skin=blackout]) .sampler_padSelect__mb2id canvas,:root:not([data-skin=blackout]) .sampler_padSelect__mb2id[data-lit] canvas,:root:not([data-skin=blackout]) .sampler_pad__1FTYw canvas,:root:not([data-skin=blackout]) .sampler_pad__1FTYw[data-lit] canvas{filter:none;transition:none}@media (prefers-reduced-motion:reduce){.sampler_padGlow__YkcU2:after,.sampler_padGlow__YkcU2:before,.sampler_padLight__jozqo:after,.sampler_padLight__jozqo:before,.sampler_padSelect__mb2id canvas,.sampler_pad__1FTYw canvas{transition:none}}.sampler_padKey__XsgKN{display:none}@media (any-pointer:fine){:where(:root[data-layout=desktop]) .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}:where(:root[data-layout=desktop]) .sampler_padKeyEdit__OSNh4{color:#fff;text-shadow:0 0 6px rgba(35,241,29,.9),0 1px 1px rgba(0,0,0,.7);font-size:12px;letter-spacing:0}:where(:root[data-layout=desktop]) .sampler_padKey__XsgKN{transition:font-size .14s ease,color .14s ease,text-shadow .14s ease}:where(:root[data-layout=desktop]) .sampler_padKeyAwait__EOw7k{color:#23f11d;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){:where(:root[data-layout=desktop]) .sampler_padKeyAwait__EOw7k{animation:none;opacity:1;text-shadow:0 0 8px rgba(35,241,29,1)}}}.sampler_keyEditBar__bX0y6{display:none}@media (any-pointer:fine){:where(:root[data-layout=desktop]) .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}:where(:root[data-layout=desktop]) .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)}:where(:root[data-layout=desktop]) .sampler_keyEditHintArmed__7frPO{color:#23f11d;border-color:#3f5a33}:where(:root[data-layout=desktop]) .sampler_keyEditHintArmed__7frPO b{color:#fff;font-weight:700;margin-left:1px}:where(:root[data-layout=desktop]) .sampler_keyEditBtn__b0i2W{pointer-events:auto;border:1px solid var(--s-line,#3a3a3a);border-radius:6px;background:var(--s-surface,#2a2a2a);color:var(--s-mid,#cfcfcf);font-size:12px;font-weight:600;padding:8px 16px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.55)}:where(:root[data-layout=desktop]) .sampler_keyEditSave__i92r3{background:#23f11d;border-color:#23f11d;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%}}:where(:root[data-layout=phone]) .sampler_container__jOQlP{height:calc(100% - 5px);min-height:0;width:100%;margin:0 0 5px}:where(:root[data-layout=phone]) .sampler_sliders__6SJTi{padding:0}:where(:root[data-layout=phone]) .sampler_padButton___TBNq{border-radius:4px}