.drums_top__UP5iT{display:flex;align-items:center;justify-content:space-between;gap:12px}.drums_top__UP5iT h1{font-size:24px;margin:0;letter-spacing:-.6px}.drums_top__UP5iT>label{width:145px}.drums_sections__nQdki{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex-shrink:0}.drums_sections__nQdki button{border:1px solid #b995dc40;border-radius:12px;background:#1c1426;color:#bdabce;text-align:left;padding:12px 16px;display:grid;gap:4px}.drums_sections__nQdki button[aria-pressed=true]{background:linear-gradient(115deg,#553274,#35203f);border-color:#bd8cea;color:#fff}.drums_sections__nQdki strong{font-size:17px}.drums_sections__nQdki span{font-size:11px}.drums_sections__nQdki small{font-size:10px;color:#bda1d4}.drums_selectors__YfSmL{display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:10px}.drums_music__GIDcJ{flex:1;min-height:0}.drums_music__GIDcJ h2{font-size:clamp(15px,2vw,23px);margin:0}.drums_scoreArea__TEc1N{flex:1;min-height:0;position:relative;display:flex;align-items:center}.drums_staff__yCioe{width:100%;min-width:0;--drum-score-height:clamp(145px,25vh,260px)}.drums_staff__yCioe>div{width:100%}.drums_scoreFooter__6TIc3{display:flex;align-items:center;gap:12px;justify-content:space-between;color:#bca5ce;font-size:10px}.drums_scoreFooter__6TIc3>div{display:flex;align-items:center;gap:8px}.drums_scoreFooter__6TIc3>div button{border:1px solid #b995dc40;background:#30203e;border-radius:6px;color:#f5e9ff;padding:6px 10px}.drums_scoreFooter__6TIc3>button{margin-left:auto}.drums_accompaniment__iPehl{display:flex;align-items:end;gap:12px;padding:10px 14px;border:1px solid #b995dc30;border-radius:12px;background:#18111f;flex-shrink:0}.drums_accompaniment__iPehl>label:first-child{flex:0 1 210px}.drums_accompaniment__iPehl>label:nth-child(2){flex:1}.drums_accompaniment__iPehl>label:last-child{flex:0 0 85px}.drums_accompaniment__iPehl>p{flex:1;margin:0 0 5px;font-size:12px;line-height:1.4;color:#bca5ce}.drums_accompaniment__iPehl>label:nth-last-child(2):not(:nth-child(2)){flex:0 0 75px}.drums_error__26pfu,.drums_hint__6_m1O{margin:0;font-size:11px;color:#e2bf91}.drums_hint__6_m1O{max-width:270px;color:#bca5ce;line-height:1.5}@media(max-width:660px){.drums_top__UP5iT h1{font-size:19px}.drums_top__UP5iT>label{width:110px}.drums_sections__nQdki{gap:6px}.drums_sections__nQdki button{padding:9px}.drums_sections__nQdki strong{font-size:14px}.drums_sections__nQdki span{display:none}.drums_sections__nQdki small{font-size:9px}.drums_selectors__YfSmL{grid-template-columns:1fr 1fr;gap:7px}.drums_selectors__YfSmL>label:last-child{grid-column:1/-1}.drums_scoreFooter__6TIc3>span{max-width:120px;font-size:9px}.drums_scoreFooter__6TIc3{gap:5px}.drums_scoreFooter__6TIc3>button{font-size:9px!important;padding:7px}.drums_accompaniment__iPehl{flex-wrap:wrap;gap:7px;padding:8px}.drums_accompaniment__iPehl>label:first-child,.drums_accompaniment__iPehl>label:nth-child(2){flex:1 1 42%}.drums_accompaniment__iPehl>p{font-size:10px}.drums_accompaniment__iPehl>label:last-child{flex:0 0 70px}.drums_staff__yCioe{--drum-score-height:clamp(120px,21vh,200px)}}@media(max-height:740px){.drums_top__UP5iT h1{font-size:19px}.drums_sections__nQdki button{padding:8px 12px}.drums_sections__nQdki span{display:none}.drums_sections__nQdki strong{font-size:15px}.drums_music__GIDcJ{padding:12px 16px;gap:5px}.drums_staff__yCioe{--drum-score-height:clamp(105px,23vh,190px)}.drums_accompaniment__iPehl{padding:7px 10px}.drums_scoreFooter__6TIc3>span{font-size:9px}}@media(max-height:650px){.drums_top__UP5iT h1{font-size:16px}.drums_top__UP5iT>div>p{display:none}.drums_staff__yCioe{--drum-score-height:clamp(85px,21vh,145px)}}.drums_scoreArea__TEc1N{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:18px}.drums_notationColumn__KNFpf{min-width:0}.drums_instrumentColumn__vUoO3{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:0;--instrument-h:clamp(125px,25vh,250px)}.drums_surfaceTitle__ttMv1{display:flex;justify-content:space-between;width:100%;max-width:400px;gap:12px;font-size:11px;color:#cfb4e5}.drums_surfaceTitle__ttMv1 small{font-size:10px;color:#a78ebc}.drums_kitSurface__SB1Pp,.drums_padSurface__K7Wjq{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0}.drums_kitSurface__SB1Pp{width:min(100%,calc(var(--instrument-h)*1.974));aspect-ratio:1400/709.08;overflow:hidden}.drums_kitSurface__SB1Pp>img{position:absolute;top:-31.579%;left:0;width:100%;height:auto;pointer-events:none}.drums_padSurface__K7Wjq{width:min(100%,var(--instrument-h));aspect-ratio:1}.drums_padSurface__K7Wjq>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.drums_kitZone__vOpkK,.drums_padHalf__Ge6_f{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}.drums_kitZone__vOpkK{aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}.drums_padHalf__Ge6_f{top:21%;height:46%;width:31%;border-radius:100% 0 0 100%/50%}.drums_padHalf__Ge6_f[data-hand=L]{left:19%}.drums_padHalf__Ge6_f[data-hand=R]{left:50%;border-radius:0 100% 100% 0/50%}.drums_padHalf__Ge6_f>b{position:relative;color:#fff;font-size:14px;text-shadow:0 1px 4px #000;pointer-events:none}.drums_kitGlow__2gYfG,.drums_padGlow__s5oC1{position:absolute;inset:-8%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#e2bfffdb 0,#a855f780 40%,#7c3aed20 65%,transparent 80%);animation:drums_drumFlash__ULWPh .17s ease-out both}.drums_kitZone__vOpkK:hover,.drums_padHalf__Ge6_f:hover{box-shadow:inset 0 0 0 1px #c499e76b}.drums_kitZone__vOpkK:focus-visible,.drums_padHalf__Ge6_f:focus-visible{outline:2px solid #ddbbfa;outline-offset:2px}@keyframes drums_drumFlash__ULWPh{0%{opacity:1;scale:.94}to{opacity:.3;scale:1.08}}@media(max-width:800px){.drums_scoreArea__TEc1N{grid-template-columns:minmax(0,1fr) minmax(155px,.7fr);gap:6px}.drums_instrumentColumn__vUoO3{--instrument-h:clamp(120px,22vh,200px)}.drums_surfaceTitle__ttMv1{font-size:10px}.drums_surfaceTitle__ttMv1 small{display:none}}@media(max-width:540px){.drums_scoreArea__TEc1N{display:flex;flex-direction:column;justify-content:center;gap:0}.drums_notationColumn__KNFpf{width:100%;flex-shrink:0}.drums_instrumentColumn__vUoO3{width:100%;--instrument-h:clamp(95px,15vh,135px)}.drums_surfaceTitle__ttMv1{max-width:260px;font-size:9px}.drums_padSurface__K7Wjq{width:calc(var(--instrument-h)*1.05)}.drums_notationColumn__KNFpf .drums_staff__yCioe{--drum-score-height:clamp(86px,14vh,130px)}}@media(max-height:650px) and (min-width:541px){.drums_instrumentColumn__vUoO3{--instrument-h:clamp(90px,22vh,150px)}}@media(prefers-reduced-motion:reduce){.drums_kitGlow__2gYfG,.drums_padGlow__s5oC1{animation:none}}@media(max-width:540px){.drums_top__UP5iT>label{flex-direction:row;align-items:center;width:auto;gap:6px}.drums_top__UP5iT>label select{width:100px;height:28px}.drums_top__UP5iT h1{font-size:16px}.drums_top__UP5iT>div>p{display:none}.drums_selectors__YfSmL{grid-template-columns:1fr 1fr 1.2fr;gap:5px}.drums_selectors__YfSmL>label:last-child{grid-column:auto}.drums_accompaniment__iPehl{flex-wrap:nowrap;gap:6px}.drums_accompaniment__iPehl>label:first-child{flex:0 1 30%}.drums_accompaniment__iPehl>label:nth-child(2){flex:1 1 0;min-width:0}.drums_accompaniment__iPehl>label:last-child{flex:0 0 58px}.drums_accompaniment__iPehl>label:nth-last-child(2):not(:nth-child(2)){flex:0 0 48px}.drums_accompaniment__iPehl>p{min-width:0;font-size:9px}.drums_scoreFooter__6TIc3>span{max-width:95px}.drums_scoreFooter__6TIc3>button{font-size:8px!important}}.drums_instrumentColumn__vUoO3:has(.drums_pedals__5fGo_){--instrument-h:clamp(100px,19vh,180px)}.drums_pedals__5fGo_{display:flex;gap:8px;justify-content:center;max-width:100%;margin-top:4px}.drums_pedals__5fGo_ button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;min-width:94px;padding:5px 10px;border:1px solid #d6b4ef36;border-radius:10px;background:#a678d30b;color:#ccb6de;cursor:pointer}.drums_pedals__5fGo_ button b{font-size:10px;font-weight:500}.drums_pedals__5fGo_ button span{font-size:10px}.drums_pedals__5fGo_ button[data-active=true]{border-color:#d8b1ff;background:#b77bea38;color:#f7edff}.drums_pedals__5fGo_ button:focus-visible{outline:2px solid #ddbbfa;outline-offset:2px}@media(max-width:680px){.drums_instrumentColumn__vUoO3:has(.drums_pedals__5fGo_){--instrument-h:clamp(90px,13vh,120px)}}.drums_padColumn__8jHuV{--instrument-h:clamp(180px,30vh,280px);isolation:isolate}.drums_padColumn__8jHuV .drums_padSurface__K7Wjq{aspect-ratio:900/620;overflow:visible;filter:drop-shadow(0 13px 12px #08030999)}.drums_padBody__gDdsJ{position:absolute;inset:2% 3% 8%;border-radius:50%;background:linear-gradient(150deg,#ffcf91,#a26032 12%,#432b30 36%,#a260bb 72%,#f4cfff 87%,#462630);box-shadow:0 8px 0 #241823,0 10px 0 #6a394c,0 11px 8px #0b03098c,inset 0 1px 2px #ffefce;pointer-events:none}.drums_padBody__gDdsJ:after{content:"";position:absolute;inset:3.5%;border:1px solid #fac08c87;border-radius:50%;box-shadow:0 0 14px #f394502b,inset 0 0 12px #0c0610}.drums_padRubber__bHcWC{position:absolute;inset:7% 5%;border-radius:50%;background:radial-gradient(ellipse at 34% 20%,#4c4349 0,#29232d 48%,#17121c 100%);box-shadow:inset 0 4px 10px #05020aa6,inset 0 -1px 2px #e5baef55}.drums_padRubber__bHcWC:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.24;background-image:radial-gradient(#dbbfb7 .45px,transparent .7px);background-size:3px 3px}.drums_padSignature__AgXi2{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;align-items:center;-moz-column-gap:4px;column-gap:4px;color:#dec8bf99;font-size:clamp(12px,1.5vw,19px);font-style:italic;font-weight:800;letter-spacing:1px}.drums_padSignature__AgXi2 svg{width:27px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.drums_padSignature__AgXi2 small{grid-column:1/-1;font-size:6px;font-weight:500;font-style:normal;letter-spacing:3px;text-align:center}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f{top:12%;height:49%;width:39%;border-radius:50% 10% 10% 50%;display:grid;place-items:center;transition:background .1s ease,box-shadow .1s ease}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f[data-hand=L]{left:11%;--pad-hit:#ffb565}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f[data-hand=R]{left:50%;border-radius:10% 50% 50% 10%;--pad-hit:#e8a4ff}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f>b{font-size:clamp(17px,2vw,24px);font-weight:500;letter-spacing:1px;color:#e9dad0ad;text-shadow:0 1px 2px #000}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f[data-active=true]{background:radial-gradient(ellipse,color-mix(in srgb,var(--pad-hit) 30%,transparent),transparent 75%)}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f[data-active=true]>b{color:#fff3e9;text-shadow:0 0 12px var(--pad-hit)}.drums_padColumn__8jHuV .drums_padGlow__s5oC1{inset:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--pad-hit) 62%,transparent),transparent 72%)}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f:hover{box-shadow:inset 0 0 0 1px #f6c99840;background-color:#ffd5a709}.drums_padColumn__8jHuV .drums_padHalf__Ge6_f:focus-visible{outline:2px solid #ffd09c;outline-offset:2px}.drums_padColumn__8jHuV:has(.drums_pedals__5fGo_){--instrument-h:clamp(150px,27vh,250px)}.drums_padColumn__8jHuV .drums_pedals__5fGo_{gap:10px;margin-top:5px}.drums_padColumn__8jHuV .drums_pedals__5fGo_ button{background:linear-gradient(150deg,#4c312bd9,#241a2ae6);border-color:#ddaf8957;border-radius:12px;box-shadow:0 3px 0 #0d0912,inset 0 1px 0 #ffedca12;color:#dfcbbd}.drums_padColumn__8jHuV .drums_pedals__5fGo_ button[data-active=true]{background:linear-gradient(130deg,#9a572b,#654077);border-color:#ffc78a;color:#fff4e9;box-shadow:0 0 15px #f6a14c35}@media(max-width:800px){.drums_padColumn__8jHuV{--instrument-h:clamp(155px,28vh,250px)}}@media(max-width:540px){.drums_padColumn__8jHuV{--instrument-h:clamp(140px,24vh,200px)}.drums_padColumn__8jHuV .drums_padSurface__K7Wjq{width:min(100%,var(--instrument-h))}.drums_padColumn__8jHuV:has(.drums_pedals__5fGo_){--instrument-h:clamp(130px,21vh,180px)}}@media(max-height:650px) and (min-width:541px){.drums_padColumn__8jHuV{--instrument-h:clamp(140px,28vh,200px)}.drums_padColumn__8jHuV:has(.drums_pedals__5fGo_){--instrument-h:clamp(120px,25vh,170px)}}@media(prefers-reduced-motion:reduce){.drums_padColumn__8jHuV .drums_padHalf__Ge6_f{transition:none}}.drums_kitZone__vOpkK:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,40px);height:max(100%,40px);transform:translate(-50%,-50%);border-radius:50%}