.hw-tool-root[data-v-4196e2e4]{display:flex;flex-direction:column;gap:20px}.tool-card[data-v-4196e2e4]{padding:22px 24px;border-radius:16px;background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.tool-card[data-v-4196e2e4]{padding:16px 14px}}.diag-tabs[data-v-4196e2e4]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}@media (max-width: 960px){.diag-tabs[data-v-4196e2e4]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.diag-tabs[data-v-4196e2e4]{grid-template-columns:1fr}}.diag-tab[data-v-4196e2e4]{padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-muted);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.diag-tab.active[data-v-4196e2e4]{background-color:var(--accent);border-color:var(--accent);color:#fff}.panel-top-row[data-v-4196e2e4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.section-title[data-v-4196e2e4]{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--text-primary)}.section-sub[data-v-4196e2e4]{margin:0;font-size:12.5px;color:var(--text-secondary)}.primary-action-btn[data-v-4196e2e4]{padding:9px 18px;border-radius:10px;border:none;background-color:var(--accent);color:#fff;font-size:13px;font-weight:800;cursor:pointer}.pattern-grid[data-v-4196e2e4]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}@media (max-width: 900px){.pattern-grid[data-v-4196e2e4]{grid-template-columns:repeat(2,1fr)}}.pattern-card[data-v-4196e2e4]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-muted);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;text-align:left}.pattern-card.active[data-v-4196e2e4]{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.swatch-box[data-v-4196e2e4]{width:24px;height:24px;border-radius:6px;border:1px solid rgba(148,163,184,.45);flex-shrink:0}.swatch-box.is-grid[data-v-4196e2e4]{background-image:linear-gradient(to right,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.35) 1px,transparent 1px)!important;background-size:8px 8px!important}.inline-screen-stage[data-v-4196e2e4]{height:230px;border-radius:14px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.inline-screen-stage.is-grid[data-v-4196e2e4]{background-image:linear-gradient(to right,rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.25) 1px,transparent 1px)!important;background-size:32px 32px!important}.stage-overlay-card[data-v-4196e2e4]{padding:14px 20px;border-radius:12px;background-color:#0f172ad1;backdrop-filter:blur(8px);color:#f8fafc;text-align:center;max-width:90%}.stage-badge[data-v-4196e2e4]{font-size:13px;font-weight:800;color:#38bdf8}.stage-tip[data-v-4196e2e4]{margin:6px 0 12px;font-size:12px;color:#cbd5e1}.stage-btns[data-v-4196e2e4]{display:flex;justify-content:center;gap:8px}.mini-btn[data-v-4196e2e4]{padding:5px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.mini-btn.accent[data-v-4196e2e4]{background-color:var(--accent);border-color:var(--accent)}.hz-metrics-grid[data-v-4196e2e4]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 900px){.hz-metrics-grid[data-v-4196e2e4]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.hz-metrics-grid[data-v-4196e2e4]{grid-template-columns:1fr}}.metric-card[data-v-4196e2e4]{padding:14px 16px;border-radius:12px;background-color:var(--bg-muted);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.metric-card.highlight[data-v-4196e2e4]{background-color:var(--accent-soft);border-color:var(--accent-border)}.m-label[data-v-4196e2e4]{font-size:12px;font-weight:700;color:var(--text-secondary)}.m-val[data-v-4196e2e4]{font-size:26px;font-weight:900;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.m-val small[data-v-4196e2e4]{font-size:13px;font-weight:600;color:var(--text-secondary)}.m-sub[data-v-4196e2e4]{font-size:11.5px;color:var(--text-secondary)}.text-reset-btn[data-v-4196e2e4]{border:none;background:none;color:var(--accent);font-size:11.5px;font-weight:700;padding:0;cursor:pointer;text-decoration:underline}.ufo-stage-wrap[data-v-4196e2e4]{border-radius:12px;border:1px solid var(--border-color);overflow:hidden;background-color:#0f172a}.ufo-header[data-v-4196e2e4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;background-color:var(--bg-muted);border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}.ufo-header strong[data-v-4196e2e4]{color:var(--text-primary)}.motion-canvas[data-v-4196e2e4]{width:100%;height:205px;display:block}.mouse-top-ctrls[data-v-4196e2e4]{display:flex;align-items:center;gap:10px}.thresh-label[data-v-4196e2e4]{font-size:12.5px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.num-mini[data-v-4196e2e4]{width:62px;padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:700}.clear-btn[data-v-4196e2e4]{padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-muted);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer}.mouse-click-pad[data-v-4196e2e4]{padding:36px 20px;border-radius:14px;border:2px dashed var(--accent-border);background-color:var(--bg-muted);text-align:center;cursor:pointer;user-select:none;margin-bottom:16px;transition:all .15s ease}.mouse-click-pad[data-v-4196e2e4]:active{transform:scale(.995);background-color:var(--accent-soft)}.mouse-click-pad.has-fault[data-v-4196e2e4]{border-color:#ef4444;background-color:#ef444414}.pad-icon[data-v-4196e2e4]{font-size:34px;margin-bottom:6px}.pad-title[data-v-4196e2e4]{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.pad-status[data-v-4196e2e4]{font-size:13px;font-weight:700;color:#10b981}.pad-status.fault[data-v-4196e2e4]{color:#ef4444}.mouse-btn-grid[data-v-4196e2e4]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}@media (max-width: 720px){.mouse-btn-grid[data-v-4196e2e4]{grid-template-columns:1fr}}.mouse-btn-card[data-v-4196e2e4]{padding:12px 14px;border-radius:12px;background-color:var(--bg-muted);border:1px solid var(--border-color)}.mouse-btn-card.fault[data-v-4196e2e4]{border-color:#ef4444}.mb-head[data-v-4196e2e4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}.fault-pill[data-v-4196e2e4]{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:800;background-color:#10b98124;color:#10b981}.fault-pill.bad[data-v-4196e2e4]{background-color:#ef444429;color:#ef4444}.mb-metrics[data-v-4196e2e4]{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.click-log-box[data-v-4196e2e4]{max-height:190px;overflow-y:auto;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-muted);padding:8px;display:flex;flex-direction:column;gap:6px}.log-row[data-v-4196e2e4]{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px;background-color:var(--bg-surface);font-size:12px;font-family:JetBrains Mono,monospace}.log-row.fault[data-v-4196e2e4]{background-color:#ef444424;color:#ef4444;font-weight:700}.kb-metrics[data-v-4196e2e4]{display:flex;flex-wrap:wrap;gap:8px}.kb-stat-pill[data-v-4196e2e4]{padding:5px 11px;border-radius:999px;background-color:var(--bg-muted);border:1px solid var(--border-color);font-size:12.5px;color:var(--text-secondary)}.kb-stat-pill.accent[data-v-4196e2e4]{background-color:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.keyboard-chassis[data-v-4196e2e4]{padding:16px;border-radius:14px;background-color:var(--bg-muted);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;overflow-x:auto}.kb-row[data-v-4196e2e4]{display:flex;gap:6px;min-width:680px}.key-cap[data-v-4196e2e4]{flex:1;min-width:40px;height:42px;border-radius:8px;background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 2px 0 var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary);user-select:none;transition:all .08s ease}.key-cap.wide[data-v-4196e2e4]{flex:1.65}.key-cap.space[data-v-4196e2e4]{flex:4.5}.key-cap.tested[data-v-4196e2e4]{border-color:#10b981;background-color:#10b98124;color:#10b981}.key-cap.pressed[data-v-4196e2e4]{background-color:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(2px)}.key-history-bar[data-v-4196e2e4]{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.kh-label[data-v-4196e2e4]{color:var(--text-secondary);font-weight:700}.kh-badge[data-v-4196e2e4]{padding:2px 8px;border-radius:6px;background-color:var(--bg-muted);border:1px solid var(--border-color);font-family:JetBrains Mono,monospace;font-weight:700}.fullscreen-test-layer[data-v-4196e2e4]{position:fixed;inset:0;z-index:99999;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:36px}.fullscreen-test-layer.is-grid[data-v-4196e2e4]{background-image:linear-gradient(to right,rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.3) 1px,transparent 1px)!important;background-size:40px 40px!important}.fs-hud[data-v-4196e2e4]{padding:16px 24px;border-radius:14px;background-color:#0f172adb;backdrop-filter:blur(10px);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.2)}.fs-title[data-v-4196e2e4]{font-size:15px;font-weight:800;margin-bottom:4px}.fs-desc[data-v-4196e2e4]{font-size:12.5px;color:#cbd5e1;margin-bottom:12px}.fs-actions[data-v-4196e2e4]{display:flex;justify-content:center;gap:10px}.fs-actions button[data-v-4196e2e4]{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.fs-actions button.danger[data-v-4196e2e4]{background-color:#ef4444;border-color:#ef4444}
