.keyboard-tester-shell{max-width:1280px}.tester-hero{margin-bottom:18px}.tester-panel{background:var(--surface,#fff);border:1px solid var(--border,#dbe4f0);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(15,23,42,.06);margin-bottom:22px}.tester-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.tester-panel-head h2{margin:.2rem 0 .3rem}.tester-panel-head p{margin:0;color:var(--muted,#64748b)}.tester-reset{border:1px solid #cbd5e1;background:transparent;color:inherit;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer}.tester-reset:hover{border-color:#1769ff}.tester-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.tester-stats>div{border:1px solid var(--border,#dbe4f0);border-radius:14px;padding:12px 14px;background:rgba(148,163,184,.06)}.tester-stats span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--muted,#64748b);font-weight:700;margin-bottom:4px}.tester-stats strong{font-size:1.05rem;overflow-wrap:anywhere}.keyboard-test-board{display:flex;flex-direction:column;gap:7px;overflow-x:auto;padding:14px;border:1px solid var(--border,#dbe4f0);border-radius:18px;background:rgba(148,163,184,.05)}.key-row{display:flex;gap:7px;min-width:980px}.test-key{--u:52px;min-width:var(--u);height:50px;padding:0 10px;border:1px solid #cbd5e1;border-bottom-width:3px;border-radius:9px;background:var(--surface,#fff);color:inherit;display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:.86rem;user-select:none;transition:transform .05s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.test-key.w125{min-width:68px}.test-key.w15{min-width:82px}.test-key.w175{min-width:96px}.test-key.w2{min-width:110px}.test-key.w225{min-width:124px}.test-key.w275{min-width:151px}.test-key.w625{min-width:335px}.test-key.spacer{border:0;background:transparent;min-width:20px}.test-key.is-tested{background:rgba(23,105,255,.10);border-color:#87b0ff}.test-key.is-down{background:#1769ff;color:#fff;border-color:#0d55db;transform:translateY(2px);box-shadow:0 0 0 3px rgba(23,105,255,.15)}.test-key small{position:absolute;right:5px;bottom:3px;font-size:.58rem;opacity:.55}.tester-note{font-size:.9rem;color:var(--muted,#64748b);margin:12px 2px 0}.tester-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tester-info-grid article{border:1px solid var(--border,#dbe4f0);border-radius:15px;padding:16px}.tester-info-grid h3{margin:0 0 6px}.tester-info-grid p{margin:0;color:var(--muted,#64748b)}
html[data-theme="dark"] .tester-panel,html[data-theme="dark"] .test-key{background:#111c30;border-color:#31425d}html[data-theme="dark"] .keyboard-test-board{background:#0c1627;border-color:#31425d}html[data-theme="dark"] .test-key.is-tested{background:rgba(74,132,255,.16);border-color:#547fd0}html[data-theme="dark"] .tester-reset{border-color:#40516d}
@media (max-width:760px){.tester-panel{padding:15px;border-radius:16px}.tester-panel-head{display:block}.tester-reset{margin-top:12px;width:100%}.tester-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tester-info-grid{grid-template-columns:1fr}.keyboard-test-board{padding:10px}.key-row{min-width:850px}.test-key{--u:46px;height:46px;font-size:.78rem}}