.st-pads{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.st-live-pads .st-pad{touch-action:none;background:#222c1e;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:44px;min-height:82px;padding:12px 6px;display:flex}.st-pad b{font:500 1.25rem var(--font-display);color:var(--st-accent)}.st-pad span{text-wrap:balance;font-size:.7rem}.st-live-pads .st-pad.st-hit,.st-live-pads .st-pad.st-pressed{box-shadow:inset 0 -4px var(--st-accent);background:#647842}.st-quantize{margin-top:18px}.st-instrument-pads{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:20px;display:grid}.st-live-group{min-width:0}.st-live-group h3{margin:0 0 12px}.st-instrument-pads .st-pads{grid-template-columns:repeat(3,minmax(44px,1fr))}.st-live-group[data-live-group=bilah] .st-pads{grid-template-columns:repeat(5,minmax(44px,1fr))}.st-live-group[data-live-group=kendhang] .st-pads{grid-template-columns:repeat(2,minmax(44px,1fr))}.st-pad[aria-busy=true]{outline:1px dashed var(--st-accent)}@media (width<=800px){.st-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.st-live-group[data-live-group=bilah] .st-pads{grid-template-columns:repeat(3,minmax(44px,1fr))}}@media (prefers-reduced-motion:reduce){.st-pad{transition:none}}.pad-station{--st-accent:#c3f36b;--st-gold:#f2c66c;max-width:1200px;padding-block:36px 64px}.ps-intro h1{font-family:var(--font-display);margin:8px 0 18px;font-size:clamp(2.4rem,6vw,4.5rem)}.ps-intro p{max-width:750px;color:var(--muted);line-height:1.6}.pad-station button{font:inherit;min-height:44px;color:var(--color-text);cursor:pointer;background:#242d21;border:1px solid #59644d;border-radius:8px;padding:10px 14px}.pad-station button:hover:not(:disabled){border-color:var(--st-accent)}.pad-station button:disabled{opacity:.5;cursor:default}.pad-station :focus-visible{outline:3px solid var(--st-gold);outline-offset:3px}.ps-controls{z-index:5;background:#1b211b;border:1px solid #3d4738;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex;position:sticky;top:10px}.ps-controls label{flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;display:flex}.ps-controls input{accent-color:var(--st-accent);min-height:44px}.ps-controls input[type=range]{width:min(180px,40vw)}.ps-controls output{font-variant-numeric:tabular-nums;min-width:3ch}#ps-stop{border-color:var(--st-accent)}#ps-status{color:#c6d8b6;min-height:48px;margin-block:12px 24px}#ps-status[role=alert]{color:#ffce88}.pad-station .st-live-pads{background:#1b211b;border:1px solid #3d4738;border-radius:12px;padding:24px}.pad-station .st-live-group{border-top:1px solid #3d4738;padding-top:18px}.pad-station [data-pad-copy=keys]{color:var(--muted);font-size:.85rem;line-height:1.8}.ps-credits{overflow-wrap:anywhere;margin-top:28px;font-size:.85rem;line-height:1.7}.ps-credits summary{cursor:pointer;align-content:center;min-height:44px}.ps-credits h2{margin-top:24px;font-size:1rem}.ps-credits a{min-height:44px;color:var(--st-accent);align-items:center;text-decoration:underline;display:inline-flex}.ps-extra-group{border-top:1px solid #3d4738;margin-top:24px;padding-top:18px}.ps-extra-group label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ps-extra-group select{min-height:44px;font:inherit;color:var(--color-text);background:#242d21;border:1px solid #59644d;border-radius:8px;padding:8px}.ps-extra-group p{color:var(--muted);max-width:65ch;line-height:1.6}.pad-station .ps-extra-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:600px;display:grid}.ps-extra-pad strong{display:block}@media (width<=600px){.pad-station{padding-top:24px}.ps-controls{gap:8px 16px;padding:12px;top:4px}.ps-controls label:first-of-type{flex:1}.pad-station .st-live-pads{padding:16px}}.pad-station .ps-extra-pad:only-child{grid-column:1/-1}