.octapad_app__CLd3p{--accent:#ffd23f;--violet:#a855f7;--violet-light:#c993ff;--ink:#f2eff7;--ink-dim:#a39db3;--ink-faint:#5e5870;--border:hsla(0,0%,100%,.1);--good:#3ddc84;--rec:#ff5670;position:relative;background:#0a0910;color:var(--ink);min-height:70vh;padding:22px 24px 60px;overflow:hidden}.octapad_orb__FMu87{position:absolute;border-radius:50%;filter:blur(95px);opacity:.4;width:640px;height:640px;left:50%;top:-260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(168,85,247,.24),transparent 64%);pointer-events:none}.octapad_rack__uuH6d{position:relative;z-index:1;max-width:620px;margin:0 auto;border-radius:22px;padding:24px 26px 28px;background:linear-gradient(160deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.018));border:1px solid var(--border);box-shadow:0 44px 90px -40px rgba(0,0,0,.85),inset 0 1px 0 hsla(0,0%,100%,.06)}.octapad_screw__ep2bY{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a5566,#1a1820)}.octapad_tbar__QJiST{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.octapad_title__yf_UR{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em}.octapad_title__yf_UR span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase;margin-left:8px}.octapad_spacer__mhbwl{flex:1}.octapad_vol__LhbN3{display:flex;align-items:center}.octapad_tgl__4hkLi{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-dim);cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 11px;background:hsla(0,0%,100%,.03)}.octapad_tgl__4hkLi:hover{color:var(--ink)}.octapad_tglOn__rUT6J{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 14px -4px var(--accent)}.octapad_tglMap__VVoJd{color:var(--violet-light);border-color:color-mix(in srgb,var(--violet) 55%,transparent);box-shadow:0 0 14px -4px var(--violet)}.octapad_grid__Pltns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.octapad_pad__9Rjni{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(160deg,hsla(0,0%,100%,.07),rgba(0,0,0,.35));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 10px 24px -16px #000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:transform .05s,box-shadow .09s,border-color .09s}.octapad_pad__9Rjni:hover{border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.octapad_pad__9Rjni:active{transform:translateY(1px)}.octapad_pad__9Rjni.octapad_hit__kDY27{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 32%,transparent),rgba(0,0,0,.2));box-shadow:0 0 22px -2px var(--accent),inset 0 1px 0 hsla(0,0%,100%,.12);transform:translateY(1px)}.octapad_pad__9Rjni.octapad_over__eHapn{border-color:var(--good);box-shadow:0 0 18px -3px var(--good)}.octapad_pad__9Rjni.octapad_mapping__rMMo9{border-style:dashed;border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.octapad_pad__9Rjni.octapad_learning__tFQfc{border-color:var(--violet-light);box-shadow:0 0 20px -2px var(--violet);animation:octapad_octaPulse__cT5bN .8s ease-in-out infinite}@keyframes octapad_octaPulse__cT5bN{0%,to{box-shadow:0 0 10px -4px var(--violet)}50%{box-shadow:0 0 22px -1px var(--violet-light)}}.octapad_pad__9Rjni.octapad_locked__REl2z{cursor:pointer;background:linear-gradient(160deg,hsla(0,0%,100%,.02),rgba(0,0,0,.45));border-style:dashed;border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:none}.octapad_pad__9Rjni.octapad_locked__REl2z:hover{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,transparent),rgba(0,0,0,.35))}.octapad_pad__9Rjni.octapad_locked__REl2z .octapad_padLabel__vK4CV{color:var(--ink-dim)}.octapad_lockIcon___LdAg{width:26px;height:26px;color:var(--accent);opacity:.85}.octapad_padKey__K9K2Z{left:8px;font-weight:600}.octapad_padKey__K9K2Z,.octapad_padNote__04b6E{position:absolute;top:6px;font-family:var(--font-mono);font-size:10px;color:var(--ink-dim)}.octapad_padNote__04b6E{right:8px}.octapad_padLabel__vK4CV{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);text-align:center;line-height:1.15;padding:0 4px}.octapad_padSample__SOVc8{color:var(--good)}.octapad_padMidi__pw9zf,.octapad_padSample__SOVc8{font-family:var(--font-mono);font-size:9px;letter-spacing:.03em;text-transform:uppercase}.octapad_padMidi__pw9zf{color:var(--violet-light)}.octapad_foot__fDUBC{margin-top:18px}.octapad_status__dIzH9{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim)}.octapad_status__dIzH9 b{color:var(--accent)}.octapad_msg__TJ3fp{color:var(--violet-light)}.octapad_hint__n8gK0{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--ink-dim);text-transform:uppercase;text-align:center;margin-top:14px;line-height:1.7}@media (max-width:520px){.octapad_title__yf_UR span{display:none}}