.keyboard-threshold{display:flex;align-items:center;gap:7px;color:var(--ink-muted);font-size:12px;font-weight:500}.keyboard-threshold input{width:64px;padding:5px 7px;border:1px solid var(--border-strong);border-radius:7px;background:var(--panel);color:var(--ink)}.keyboard-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:150px;padding:24px;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel);text-align:center;outline:none}.keyboard-capture:focus,.keyboard-capture.is-running{border-color:var(--ink);box-shadow:0 0 0 4px var(--accent-soft)}.keyboard-capture strong{font-size:15px}.keyboard-capture>span{font-size:12.5px;color:var(--ink-muted);max-width:600px}.keyboard-held{margin-top:8px;padding:6px 11px;border-radius:var(--radius-pill);background:var(--accent-soft);font:600 12px var(--mono);min-height:16px}.keyboard-map-wrap{overflow:hidden}.keyboard-map{display:flex;flex-direction:column;gap:5px;min-width:760px}.keyboard-row{display:flex;gap:5px}.keyboard-key{flex:1;min-width:42px;padding:9px 4px;border:1px solid var(--border-strong);border-bottom-width:3px;border-radius:7px;background:var(--panel-raised);font:600 10.5px var(--mono);text-align:center;transition:transform .08s,background .08s}.keyboard-key.is-held{transform:translateY(2px);border-bottom-width:1px;background:var(--ink);color:var(--bg)}.keyboard-key.is-flagged{border-color:var(--amber);background:var(--amber-soft);color:var(--amber-ink)}.keyboard-map-wrap{overflow-x:auto}.keyboard-legend{display:flex;gap:16px;margin-top:12px;color:var(--ink-muted);font-size:11.5px}.keyboard-legend span{display:flex;align-items:center;gap:6px}.keyboard-legend i{width:10px;height:10px;border-radius:3px}.held-dot{background:var(--ink)}.flagged-dot{background:var(--amber)}.keyboard-result-callout{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm);font-size:12.5px}.keyboard-result-callout[data-status=clean]{background:var(--green-soft);color:var(--green)}.keyboard-result-callout[data-status=warning]{background:var(--amber-soft);color:var(--amber-ink)}.keyboard-result-callout svg{flex:none;margin-top:1px}.data-table td small{display:block;color:var(--ink-faint);font:10px var(--mono);margin-top:2px}@media(max-width:700px){.keyboard-threshold{width:100%;margin-top:8px}.keyboard-map{min-width:680px}}