.pad-wrap.svelte-3355tg{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 2px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px}svg.svelte-3355tg{width:100%;max-width:320px;height:auto;display:block}.body.svelte-3355tg{fill:var(--surface);stroke:var(--line);stroke-width:2}.hit.svelte-3355tg{fill:var(--elevated);stroke:var(--line);stroke-width:1.5;transition:fill var(--dur-fast, .12s),filter var(--dur-fast, .12s)}.hit.on.svelte-3355tg{fill:var(--c);stroke:var(--c);filter:drop-shadow(0 0 5px var(--c)) drop-shadow(0 0 11px var(--c))}.deco.svelte-3355tg{fill:var(--line)}.sym.svelte-3355tg{stroke:var(--muted);stroke-width:2;fill:var(--muted);pointer-events:none}.face.svelte-3355tg circle.sym:where(.svelte-3355tg),.face.svelte-3355tg rect.sym:where(.svelte-3355tg){fill:none}.face.svelte-3355tg g:where(.svelte-3355tg):has(.hit.on:where(.svelte-3355tg)) .sym:where(.svelte-3355tg){stroke:#fff;fill:#fff}.face.svelte-3355tg g:where(.svelte-3355tg):has(.hit.on:where(.svelte-3355tg)) circle.sym:where(.svelte-3355tg),.face.svelte-3355tg g:where(.svelte-3355tg):has(.hit.on:where(.svelte-3355tg)) rect.sym:where(.svelte-3355tg){fill:none;stroke:#fff}.cap.svelte-3355tg{fill:var(--muted);font-family:var(--font-pixel, monospace);font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.cap.sm.svelte-3355tg{font-size:7px}.stick-o.svelte-3355tg{fill:var(--elevated);stroke:var(--line);stroke-width:1.5}.stick-i.svelte-3355tg{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.hint.svelte-3355tg{margin:2px 0 4px;font-size:11px;color:var(--muted);text-align:center}.cfg.svelte-ub7smg{display:flex;flex-direction:column;gap:14px}.seg.svelte-ub7smg{display:inline-flex;gap:4px;padding:4px;background:var(--elevated);border:1px solid var(--line);border-radius:12px;align-self:flex-start}.tab.svelte-ub7smg{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:8px 16px;border-radius:9px;cursor:pointer;transition:all var(--dur-fast)}.tab.on.svelte-ub7smg{background:var(--grad-signature);color:#fff}.dev.svelte-ub7smg{margin:0;font-size:12px;color:var(--phosphor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev.muted.svelte-ub7smg{color:var(--muted)}.dev.svelte-ub7smg b:where(.svelte-ub7smg){color:var(--text)}.grid.svelte-ub7smg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row.svelte-ub7smg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color var(--dur-fast)}.row.svelte-ub7smg:hover{border-color:var(--theme, var(--phosphor))}.row.capturing.svelte-ub7smg{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.row.pressed.svelte-ub7smg{border-color:#ff4d5e;box-shadow:0 0 0 1px #ff4d5e,0 0 12px #ff4d5e8c}.row.pressed.svelte-ub7smg .lbl:where(.svelte-ub7smg){color:#ff4d5e}.row.pressed.svelte-ub7smg kbd:where(.svelte-ub7smg){color:#fff;background:#ff4d5e;border-color:#ff4d5e}.lbl.svelte-ub7smg{font-weight:600;font-size:14px;color:var(--text)}kbd.svelte-ub7smg{font-family:var(--font-pixel);font-size:10px;min-width:62px;text-align:center;padding:8px 6px;border-radius:8px;background:var(--elevated);border:1px solid var(--line);border-bottom-width:3px;color:var(--phosphor)}.row.capturing.svelte-ub7smg kbd:where(.svelte-ub7smg){color:var(--amber)}.reset.svelte-ub7smg{align-self:flex-start;background:none;border:1px solid var(--line);color:var(--muted);font-size:12px;padding:8px 14px;border-radius:999px;cursor:pointer}.reset.svelte-ub7smg:hover{color:var(--text);border-color:var(--phosphor)}@media (max-width: 520px){.grid.svelte-ub7smg{grid-template-columns:1fr}}