body.drums-active #view-instruments{overflow:auto;box-shadow:none}body.drums-active .neck-wrapper{width:100%;min-width:0;height:100%;align-items:stretch;gap:4px}body.drums-active .instrument-selector{align-self:flex-start;flex-shrink:0}body.drums-active #neck-view{flex:1;min-width:0;width:100%;margin:0;padding:4px 8px;box-sizing:border-box}body.drums-active #btn-shape-lens,body.drums-active #instrument-fx-rack,body.drums-active .c-group:has(#zoom-slider),body.drums-active .instrument-controls,body.drums-active .manual-instrument-volume-control{display:none!important}body.drums-active.instrument-focus-mode #neck-view{position:relative!important;width:100%!important;height:100%;padding:4px 8px!important}body.drums-active.instrument-focus-mode .drum-instrument{height:100%;min-height:256px}.instrument-stage.drums-mode{width:100%!important;min-width:0;height:100%;border:0;padding:0;box-sizing:border-box}.drum-instrument{position:relative;display:flex;flex-direction:column;height:100%;min-height:256px;max-width:1100px;margin:auto;color:#e7e7e7;background:#131518;border:1px solid #393b3e;border-radius:12px;overflow:hidden}.drum-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 8px;border-bottom:1px solid #33363a;flex-shrink:0}.drum-settings select,.drum-toolbar button,.drum-toolbar select{min-height:44px;border:1px solid #45474a;border-radius:8px;background:#212326;color:#eee;font:inherit;font-size:14px;padding:4px 12px;cursor:pointer}.drum-layout{display:flex;gap:4px}.drum-layout button[aria-pressed=true]{color:#ffad56;border-color:#b67d42;background:#35291e}.drum-toolbar .drum-settings-toggle{margin-left:auto}.drum-kit-label{margin:0}.drum-kit-label .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.drum-settings{position:absolute;z-index:3;top:56px;right:8px;padding:12px;border:1px solid #b67d42;border-radius:10px;background:#202226;box-shadow:0 8px 24px #0009}.drum-settings[hidden]{display:none}.drum-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;margin:0}.drum-settings input{width:112px;height:44px;accent-color:#ffa142}.drum-surface{flex:1;min-height:180px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(48px,1fr));gap:4px;padding:8px;background:radial-gradient(ellipse at 50% 65%,#282a2e,#111315 75%)}.drum-hit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:44px;min-height:48px;padding:4px;border:1px solid transparent;border-radius:12px;color:#f2f2f2;background:0 0;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.drum-hit img{position:absolute;width:100%;height:calc(100% - 8px);top:0;object-fit:contain;pointer-events:none;user-select:none;transition:transform 80ms}.drum-hit-label{position:relative;z-index:1;padding:2px 8px;border-radius:4px;background:#101216e8;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none}.drum-hit kbd{position:absolute;top:4px;right:8px;min-width:20px;padding:2px;border-radius:4px;font:11px monospace;color:#b8bdc3;background:#101216dc;pointer-events:none}.drum-hit.is-hit{background:#ffa14225;border-color:#ffad56}.drum-hit.is-hit img{transform:scale(.94)}.drum-hit:focus-visible,.drum-toolbar button:focus-visible,.drum-toolbar select:focus-visible{outline:#ffad56 solid 2px;outline-offset:-2px}.drum-status{flex-shrink:0;min-height:20px;padding:2px 8px 4px;font-size:11px;color:#b6b9be;text-align:center}.drum-instrument[data-layout=pads] .drum-hit{border-color:#484b50;background:#24272c;box-shadow:inset 0 -4px 0 #111316;justify-content:center;border-top:3px solid #9d673e}.drum-instrument[data-layout=pads] .drum-hit-cymbal{border-top-color:#b69a52}.drum-instrument[data-layout=pads] .drum-hit img{width:32px;height:28px;top:4px;left:4px;opacity:.55}.drum-instrument[data-layout=pads] .drum-hit-label{background:0 0}.drum-instrument[data-layout=pads] .drum-hit.is-hit{background:#674222;border-color:#ffad56;box-shadow:none}.drum-instrument[data-layout=kit] .drum-surface{grid-template-rows:repeat(2,minmax(56px,1fr)) 44px}.drum-instrument[data-layout=kit] .drum-hit{justify-content:center}.drum-instrument[data-layout=kit] .drum-hit img{position:static;flex:0 1 auto;min-height:0;height:auto;max-height:calc(100% - 20px);max-width:220px}.drum-instrument[data-layout=kit] .drum-hit:nth-child(n+9){min-height:44px;border:1px solid #42464b;background:#1d2024;justify-content:center}.drum-instrument[data-layout=kit] .drum-hit:nth-child(n+9) img{display:none}.drum-instrument[data-layout=kit] .drum-hit:nth-child(n+9) .drum-hit-label{background:0 0}.drum-instrument[data-layout=kit] .drum-hit:nth-child(n+9).is-hit{background:#674222;border-color:#ffad56}body:not(.force-portrait):not(.force-landscape) .drum-instrument{height:min(48vh,440px);min-height:340px}@media (pointer:coarse){.drum-hit kbd{display:none}}body.force-portrait.drums-active .drum-instrument[data-layout=pads] .drum-surface{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(48px,1fr))}body.force-portrait.drums-active .drum-toolbar{gap:4px;padding:4px}body.force-portrait.drums-active .drum-toolbar button,body.force-portrait.drums-active .drum-toolbar select{padding:4px 8px;font-size:12px}body.force-portrait.drums-active .drum-settings-toggle span{display:none}body.force-portrait.drums-active .drum-instrument{min-height:292px}body.force-portrait.drums-active .drum-hit-label{font-size:11px;padding:2px 4px}body.force-portrait.drums-active .drum-hit:nth-child(n+9) .drum-hit-label{white-space:normal}body.force-portrait.drums-active.instrument-focus-mode .drum-instrument[data-layout=kit] .drum-surface{grid-template-rows:repeat(4,minmax(56px,1fr)) 44px}body.force-portrait.drums-active.instrument-focus-mode .drum-instrument[data-layout=kit] .drum-hit:nth-child(-n+8){grid-column:span 2}@media (prefers-reduced-motion:reduce){.drum-hit img{transition:none}}