[data-tool="keyboard-tester"] .keyboard-test-zone{border:1px solid #dbeafe;background:#f8fafc;padding:16px;outline:none}
[data-tool="keyboard-tester"] .keyboard-test-zone:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
[data-tool="keyboard-tester"] .keyboard-scroll{overflow-x:auto;max-width:100%;padding:4px 0 10px}
[data-tool="keyboard-tester"] .keyboard-layout{display:flex;align-items:flex-start;gap:14px;min-width:980px}
[data-tool="keyboard-tester"] .keyboard-main{flex:1;min-width:670px}
[data-tool="keyboard-tester"] .keyboard-nav{width:146px;flex-shrink:0}
[data-tool="keyboard-tester"] .keyboard-pad{width:194px;flex-shrink:0}
[data-tool="keyboard-tester"] .keyboard-row{display:flex;gap:5px;margin-bottom:5px}
[data-tool="keyboard-tester"] .keyboard-key{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:43px;padding:3px;border:1px solid #cbd5e1;border-bottom-width:3px;background:#fff;color:#334155;border-radius:5px;font:600 11px/1.2 system-ui,sans-serif;text-align:center;white-space:pre-line}
[data-tool="keyboard-tester"] .keyboard-key.keyboard-tested{background:#dcfce7;color:#166534;border-color:#86efac}
[data-tool="keyboard-tester"] .keyboard-key.keyboard-held{background:#2563eb;color:#fff;border-color:#1d4ed8}
[data-tool="keyboard-tester"] .keyboard-gap{flex:1;height:43px}
[data-tool="keyboard-tester"] .keyboard-function-row{margin-bottom:14px}
[data-tool="keyboard-tester"] .keyboard-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:#475569}
[data-tool="keyboard-tester"] .keyboard-legend span{display:flex;align-items:center;gap:6px}
[data-tool="keyboard-tester"] .keyboard-legend i{width:12px;height:12px;display:inline-block;background:white;border:1px solid #cbd5e1;border-radius:2px}
[data-tool="keyboard-tester"] .keyboard-legend i.keyboard-held{background:#2563eb;border-color:#1d4ed8}
[data-tool="keyboard-tester"] .keyboard-legend i.keyboard-tested{background:#dcfce7;border-color:#86efac}
[data-tool="keyboard-tester"] .keyboard-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-tool="keyboard-tester"] .keyboard-details div{border:1px solid #dbeafe;padding:12px;min-width:0}
[data-tool="keyboard-tester"] .keyboard-details dt{font-size:12px;color:#64748b;margin-bottom:5px}
[data-tool="keyboard-tester"] .keyboard-details dd{margin:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
@media(max-width:640px){[data-tool="keyboard-tester"] .keyboard-details{grid-template-columns:repeat(2,minmax(0,1fr))}}