.drumPad_page__TB0zl{max-width:940px;margin:0 auto;padding:18px clamp(12px,3vw,28px) 72px;color-scheme:dark}.drumPad_machine__CKnTb{border:1px solid #696a73;border-bottom:8px solid #101014;border-radius:18px;padding:clamp(10px,2.4vw,22px);color:#f4f3f6;background:linear-gradient(155deg,#53535b,#323239 46%,#242429);box-shadow:inset 0 1px #ffffff35,0 18px 32px #080610a6}.drumPad_brand__lLQEj{display:flex;align-items:center;gap:12px;margin-bottom:12px}.drumPad_display__3BXDw{margin-left:auto;width:min(43%,250px);min-height:56px;padding:5px 9px;border:2px solid #111218;border-radius:6px;background:#151921;box-shadow:0 1px #ffffff25;font:11px/1.35 ui-monospace,monospace}.drumPad_displayHeader__aQBTz{display:flex;align-items:center;gap:5px;color:#a2dce4;font-size:9px}.drumPad_displayHeader__aQBTz span{margin-left:auto}.drumPad_display__3BXDw strong{color:#f5f2ff}.drumPad_display__3BXDw p{color:#bfc0cd;font-size:9px}.drumPad_deck__ex6Iv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);grid-template-areas:"effects pads";align-items:stretch;gap:clamp(8px,1.7vw,16px);padding:clamp(7px,1.4vw,14px);border:1px solid #25252b;border-radius:12px;background:#38383f;box-shadow:inset 0 2px 6px #111116bb,0 1px #ffffff22}.drumPad_pads__gMSYR{grid-area:pads;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1vw,11px)}.drumPad_pad__deqp2{position:relative;display:grid;place-items:center;aspect-ratio:1.16;min-height:54px;min-width:0;padding:12px 2px;border:solid var(--pad-color);border-width:3px 3px 6px;border-radius:8px;background:linear-gradient(160deg,#24242b,#141419);box-shadow:inset 0 0 0 1px #080810,0 0 8px color-mix(in srgb,var(--pad-color),transparent 38%);font-size:clamp(9px,1.45vw,13px);line-height:1.1;font-weight:650;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.drumPad_pad__deqp2 kbd,.drumPad_pad__deqp2 small{position:absolute;color:var(--pad-color);font:700 clamp(7px,1vw,9px)/1 ui-monospace,monospace}.drumPad_pad__deqp2 small{top:4px;left:4px}.drumPad_pad__deqp2 kbd{bottom:4px;right:4px}.drumPad_pad__deqp2[data-hit=true]{color:#17121a;background:var(--pad-color);box-shadow:0 0 16px var(--pad-color)}.drumPad_pad__deqp2[data-hit=true] kbd,.drumPad_pad__deqp2[data-hit=true] small{color:#2a202c}.drumPad_effects__aCWTp button:focus-visible,.drumPad_pad__deqp2:focus-visible{outline:2px solid #fff;outline-offset:2px}.drumPad_effects__aCWTp{grid-area:effects;align-content:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding:8px;border:1px solid #28282e;border-radius:8px;background:#303037}.drumPad_effectsHeader__4EObt,.drumPad_effects__aCWTp p{grid-column:1/-1}.drumPad_effectsHeader__4EObt{display:flex;align-items:center;justify-content:space-between;gap:4px}.drumPad_effectsHeader__4EObt h2{font:700 10px/1.1 ui-monospace,monospace;text-transform:uppercase}.drumPad_effectsHeader__4EObt button{display:grid;place-items:center;min-width:32px;min-height:32px;border:1px solid #8b7182;border-bottom:3px solid #fa7188;border-radius:5px;color:#f4e3eb;background:#222127}.drumPad_control__1doaT{display:grid;gap:4px;min-width:0}.drumPad_control__1doaT>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;font-size:11px}.drumPad_control__1doaT>span>span{color:#efb7cb;font:10px ui-monospace,monospace}.drumPad_control__1doaT input{width:100%;min-width:0;height:24px;accent-color:#f889a7}.drumPad_effects__aCWTp p{color:#d6d0db;font-size:10px;line-height:1.4}@media (min-width:701px){.drumPad_control__1doaT[data-fader=true] input{justify-self:center;writing-mode:vertical-lr;direction:rtl;width:30px;height:118px}}@media (max-width:700px){.drumPad_deck__ex6Iv{grid-template-columns:minmax(0,1fr);grid-template-areas:"pads" "effects"}.drumPad_effects__aCWTp{gap:8px 12px}.drumPad_brand__lLQEj{gap:7px}.drumPad_display__3BXDw{width:48%}}@media (min-width:701px){.drumPad_control__1doaT[data-fader=true] input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #5e5d66;border-radius:6px;background:linear-gradient(90deg,transparent 40%,#101014 40% 60%,transparent 60%),#29292f}.drumPad_control__1doaT[data-fader=true] input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:15px;border:1px solid #777781;border-radius:3px;background:linear-gradient(#62626b,#303037 44%,#b9b8c1 45% 55%,#232329 56%);box-shadow:0 2px 3px #0009}.drumPad_control__1doaT[data-fader=true] input::-moz-range-thumb{width:24px;height:15px;border:1px solid #777781;border-radius:3px;background:linear-gradient(#62626b,#303037 44%,#b9b8c1 45% 55%,#232329 56%);box-shadow:0 2px 3px #0009}}.drumPad_art__IP4Ux{width:clamp(24px,5vw,44px);height:auto;color:var(--pad-color);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--pad-color),transparent 55%))}.drumPad_pad__deqp2[data-hit=true] .drumPad_art__IP4Ux{color:#211524;filter:none}.drumPad_transport__I5pBh{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;background:#292930;border:1px solid #222228;border-radius:10px;box-shadow:inset 0 1px #ffffff17}.drumPad_transportDisplay__XRjal{min-width:0;padding:9px 11px;background:#13171e;border:1px solid #0b0d12;border-radius:7px;font-family:ui-monospace,monospace}.drumPad_transportHeading__LGF0Q{display:flex;justify-content:space-between;align-items:center}.drumPad_transportState__2IJaq,.drumPad_transport__I5pBh h2{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.drumPad_transportState__2IJaq{color:#a2dce4}.drumPad_clock__LXPxm{margin:3px 0 6px;color:#b5bdc9;font-size:12px}.drumPad_clock__LXPxm strong{font-size:24px;color:#eef5ff}.drumPad_timeline__5duV_{position:relative;height:6px;border-radius:4px;background:#303847;overflow:hidden}.drumPad_timeline__5duV_ i{position:absolute;height:100%;width:1px;background:#bfb0e4}.drumPad_timeline__5duV_ span{position:absolute;inset:0 auto 0 0;background:#73e4cc;opacity:.75}.drumPad_transport__I5pBh p{margin-top:5px;color:#c9cbd4;font-size:10px}.drumPad_transport__I5pBh[data-state=recording] .drumPad_transportState__2IJaq{color:#ff7a94}.drumPad_transport__I5pBh[data-state=recording] .drumPad_timeline__5duV_{background:#713649}.drumPad_transport__I5pBh[data-state=playing] .drumPad_transportState__2IJaq{color:#73e4cc}.drumPad_transportKeys__PciRO{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:6px}.drumPad_transportKeys__PciRO button{display:grid;justify-items:center;align-content:center;gap:4px;min-height:52px;padding:6px;border:1px solid #65616f;border-bottom:3px solid #a29aa9;border-radius:7px;background:linear-gradient(#383641,#202028);font-size:11px;font-weight:650}.drumPad_transportKeys__PciRO button[data-key=record]{border-bottom-color:#ff6682}.drumPad_transportKeys__PciRO button[data-key=record] svg{color:#ff6682;fill:currentColor}.drumPad_transportKeys__PciRO button[data-key=play]{border-bottom-color:#73e4cc}.drumPad_transportKeys__PciRO button[data-key=play] svg{color:#73e4cc;fill:currentColor}.drumPad_transportKeys__PciRO button:disabled{opacity:.45}.drumPad_transport__I5pBh[data-state=playing] button[data-key=play],.drumPad_transport__I5pBh[data-state=recording] button[data-key=record]{opacity:1}.drumPad_transportKeys__PciRO button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:540px){.drumPad_transport__I5pBh{grid-template-columns:minmax(0,1fr);gap:8px}}.drumPad_brand__lLQEj{position:relative;isolation:isolate;overflow:hidden;justify-content:space-between;padding:clamp(12px,3vw,26px);border:1px solid #276174;border-radius:10px;background:radial-gradient(ellipse at 35% 120%,#086477,transparent 68%),linear-gradient(130deg,#061221,#02060f);box-shadow:inset 0 0 24px #032531}.drumPad_brand__lLQEj:after,.drumPad_brand__lLQEj:before{content:"";position:absolute;z-index:-1;inset:-44px;pointer-events:none}.drumPad_brand__lLQEj:before{background:radial-gradient(circle at 19% 28%,#acfcff 0 1px,transparent 2px) 0 0 /79px 67px,radial-gradient(circle at 69% 24%,#57bbd3 0 1px,transparent 2px) 0 0 /131px 83px;animation:drumPad_starDrift__9QV5R 15s ease-in-out infinite alternate}.drumPad_brand__lLQEj:after{background:radial-gradient(circle at 36% 72%,#69d5e6 0 1px,transparent 2px) 0 0 /109px 101px;opacity:.45;animation:drumPad_starDrift__9QV5R 23s ease-in-out infinite alternate-reverse}@keyframes drumPad_starDrift__9QV5R{0%{transform:translate(-24px,12px)}50%{transform:translate(8px,-16px)}to{transform:translate(28px,8px)}}@media (prefers-reduced-motion:reduce){.drumPad_brand__lLQEj:after,.drumPad_brand__lLQEj:before{animation:none}}.drumPad_wordmark__VS0i0 p,.drumPad_wordmark__VS0i0 span{color:#c5f7ff;font:700 clamp(8px,1.2vw,10px)/1.35 ui-monospace,monospace;letter-spacing:.2em}.drumPad_wordmark__VS0i0 h1{margin:4px 0;font-family:Avenir Next,Century Gothic,system-ui,sans-serif;color:#c8fcff;-webkit-text-stroke:1px #66f4ff;text-shadow:0 0 7px #28eaffaa,0 0 20px #0abbd975;font-size:clamp(27px,6.5vw,64px);font-weight:800;letter-spacing:.055em;line-height:1.04;text-transform:uppercase}.drumPad_brand__lLQEj .drumPad_display__3BXDw{border-color:#23576a;background:#08151deb}@media (max-width:480px){.drumPad_brand__lLQEj{align-items:stretch;flex-direction:column}.drumPad_brand__lLQEj .drumPad_display__3BXDw{width:100%;margin:0}}.drumPad_djFx__oEAqP{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:9px;border-top:1px solid #55535e}.drumPad_djFx__oEAqP h2{grid-column:1/-1;color:#8bf3ff;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em}.drumPad_djFx__oEAqP button{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:48px;padding:5px;border:1px solid #397d8b;border-bottom:3px solid #5beafc;border-radius:6px;background:#141d24;color:#a8f4ff;font-size:10px;text-align:center;touch-action:manipulation}.drumPad_djFx__oEAqP button[data-hit=true]{background:#69edff;color:#11202a;box-shadow:0 0 12px #37daff80}.drumPad_djFx__oEAqP kbd{position:absolute;top:3px;right:4px;font:9px ui-monospace,monospace}.drumPad_modeSwitch__Cm4uk{display:flex;gap:5px;margin:0 0 14px;padding:4px;border:1px solid #3a3156;border-radius:10px;background:#0e0b19;width:-moz-max-content;width:max-content}.drumPad_modeSwitch__Cm4uk button,.drumPad_seqToolbar__y7__d button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;min-height:36px;border:1px solid transparent;border-radius:7px;color:#c9bedc;font-size:13px;font-weight:650;white-space:nowrap}.drumPad_modeSwitch__Cm4uk button[aria-pressed=true],.drumPad_seqToolbar__y7__d button[aria-pressed=true]{border-color:#bd85ff80;background:#2c1945;color:#fff;box-shadow:inset 0 -1px #c181ff}.drumPad_sequencer__OE_tY{display:grid;gap:12px;min-width:0;background:#100d1a;border:1px solid #3a3156;border-radius:14px;padding:14px;color:#f5efff}.drumPad_seqEdit__kb5qi,.drumPad_seqInfo__9d6np,.drumPad_seqToolbar__y7__d,.drumPad_seqTransport__9Ga1w{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.drumPad_seqToolbar__y7__d{padding-bottom:12px;border-bottom:1px solid #36294d;gap:12px}.drumPad_seqToolbar__y7__d button{border-color:#44375d;background:#211833}.drumPad_seqToolbar__y7__d button:disabled{opacity:.48;cursor:default}.drumPad_seqToolbar__y7__d .drumPad_seqPrimary__xznp1{color:#0a1620;background:#76e4fa;border-color:#a8f2ff}.drumPad_seqSwing__ndHM7,.drumPad_seqTempo__5M96K{display:flex;align-items:center;gap:7px;color:#e1d6ef;font-size:12px;font-weight:700}.drumPad_seqTempo__5M96K input{width:68px;height:36px;border:1px solid #44375d;border-radius:7px;background:#191328;padding:5px 8px;color:#fff}.drumPad_seqSwing__ndHM7 input{width:88px;accent-color:#c890ff}.drumPad_seqSwing__ndHM7 output{width:3ch;font-variant-numeric:tabular-nums}.drumPad_seqEdit__kb5qi{margin-left:auto}.drumPad_seqInfo__9d6np{justify-content:space-between;font-size:12px;line-height:1.4;color:#cbbfdf}.drumPad_seqError__uEit_{color:#ffc7ca;font-size:13px}.drumPad_seqScroll__Z2ime{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scroll-padding-inline:122px 14px;padding:1px 1px 9px}.drumPad_seqGrid__NvivT{display:grid;gap:5px;min-width:850px}.drumPad_seqRow__O0h2L{display:grid;grid-template-columns:118px repeat(16,minmax(32px,1fr));align-items:stretch;gap:5px}.drumPad_seqLaneLabel__XY_8W{display:flex;position:sticky;left:0;z-index:2;gap:5px;align-items:center;justify-content:space-between;padding:0 5px 0 9px;border-left:3px solid var(--lane,#433356);border-radius:5px;background:#21192e;color:#f0e8fb;font-size:12px;line-height:1.15;font-weight:700}.drumPad_seqLaneLabel__XY_8W button{display:grid;place-items:center;flex-shrink:0;width:31px;height:33px;border:1px solid #514267;border-radius:5px;color:#e3d6f8;background:#151020}.drumPad_seqLaneLabel__XY_8W button[aria-pressed=true]{color:#130c1d;background:#d2a4ff}.drumPad_seqCount__e_MxG{display:grid;place-items:center;min-height:23px;color:#bbb0cc;font-size:11px;font-weight:700}.drumPad_seqCount__e_MxG[data-beat=true]{color:#fff}.drumPad_seqCell__c5bMF,.drumPad_seqCount__e_MxG{border-radius:5px}.drumPad_seqCell__c5bMF{position:relative;display:flex;align-items:end;min-height:36px;padding:3px;background:#211a2f;border:1px solid #322746;touch-action:manipulation}.drumPad_seqCell__c5bMF[data-beat=true],.drumPad_seqCount__e_MxG[data-beat=true]{margin-left:4px}.drumPad_seqCell__c5bMF[data-beat=true]{background:#2c2141}.drumPad_seqCell__c5bMF i{display:block;width:100%;height:0;border-radius:3px;background:var(--lane);pointer-events:none}.drumPad_seqCell__c5bMF[data-hit="1"] i{height:58%;opacity:.77}.drumPad_seqCell__c5bMF[data-hit="2"] i{height:100%;box-shadow:0 0 8px color-mix(in srgb,var(--lane) 66%,transparent)}.drumPad_seqRow__O0h2L[data-muted=true] .drumPad_seqCell__c5bMF i{opacity:.31}.drumPad_seqCell__c5bMF[data-now=true],.drumPad_seqCount__e_MxG[data-now=true]{border:1px solid #b8f4ff;background:#254452;box-shadow:inset 0 0 7px #64ddf273}.drumPad_seqCell__c5bMF:hover{border-color:var(--lane)}.drumPad_modeSwitch__Cm4uk button:focus-visible,.drumPad_seqCell__c5bMF:focus-visible,.drumPad_seqLaneLabel__XY_8W button:focus-visible,.drumPad_seqToolbar__y7__d button:focus-visible{outline:2px solid #9deeff;outline-offset:1px}@media (max-width:730px){.drumPad_sequencer__OE_tY{padding:10px}.drumPad_seqToolbar__y7__d{gap:8px 12px}.drumPad_seqEdit__kb5qi{margin-left:0}.drumPad_seqGrid__NvivT{min-width:920px}.drumPad_seqRow__O0h2L{grid-template-columns:104px repeat(16,minmax(44px,1fr))}.drumPad_modeSwitch__Cm4uk button,.drumPad_seqCell__c5bMF,.drumPad_seqLaneLabel__XY_8W button,.drumPad_seqToolbar__y7__d button{min-height:44px}.drumPad_seqLaneLabel__XY_8W{padding-left:5px;font-size:11px}.drumPad_seqLaneLabel__XY_8W button{width:35px}.drumPad_seqInfo__9d6np{gap:4px 12px}}.drumPad_page__TB0zl[data-mode=sequencer]{max-width:1180px}@media(pointer:coarse){.drumPad_modeSwitch__Cm4uk button,.drumPad_seqCell__c5bMF,.drumPad_seqLaneLabel__XY_8W button,.drumPad_seqToolbar__y7__d button{min-height:44px}}@media(hover:hover){.drumPad_modeSwitch__Cm4uk button:hover,.drumPad_seqLaneLabel__XY_8W button:hover,.drumPad_seqToolbar__y7__d button:not(:disabled):hover{border-color:#a68ccc}}