.keyboard-diagrams,.keyboard-tester{min-width:0}.keyboard-table-scroll{max-width:100%;margin:1.5rem 0;overflow-x:auto}.keyboard-diagrams .diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 1rem;display:grid}.keyboard-diagrams .layer,.keyboard-tester{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.2rem}.keyboard-diagrams .layer h3{margin-bottom:1.3rem;font:600 1rem/1.5 system-ui,sans-serif}.keyboard-diagrams .row{gap:4px;margin:4px 0;display:flex}.keyboard-diagrams .row1{padding-left:2%}.keyboard-diagrams .row2{padding-left:3.5%;padding-right:10%}.keyboard-diagrams .row3{padding-left:6%;padding-right:15%}.keyboard-diagrams .row4{padding:0 30%}.keyboard-diagrams .key{background:#252720;border:1px solid #606458;border-bottom-width:3px;border-radius:5px;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:50px;padding-bottom:2px;display:flex;position:relative}.keyboard-diagrams .key small{color:#c4c9be;font:9px/1.5 system-ui,sans-serif;position:absolute;top:1px;left:3px}.keyboard-diagrams .key b{color:#f0efe4;font:24px/1.35 Georgia,serif}.keyboard-diagrams .key.special{background:#203e32;border-color:#6b9b81}.keyboard-diagrams .row4 .key{height:30px}.keyboard-diagrams .row4 .key small{display:none}.keyboard-diagrams .row4 .key b{font:12px/1.6 system-ui,sans-serif}.keyboard-diagrams .note,.keyboard-tester .note{color:#c3bcb2;font-size:.9rem}.keyboard-tester{margin:2rem 0;padding:1.6rem}.keyboard-tester h2{margin-top:0!important}.keyboard-tester label{margin:1.2rem 0 .4rem;font-weight:600;display:block}.keyboard-tester select,.keyboard-tester button,.keyboard-tester input,.keyboard-tester textarea{font:inherit;color:var(--text)}.keyboard-tester select,.keyboard-tester button{background:var(--bg);border:1px solid #a99576;border-radius:7px;padding:.65rem .8rem}.keyboard-tester button{cursor:pointer}.keyboard-tester button:hover{background:#3a3021}.keyboard-tester .controls{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.keyboard-tester #sample{flex:250px;min-width:0;max-width:100%}.keyboard-tester #input-mode,.keyboard-tester #screen-layer{max-width:100%}.keyboard-tester .screen-keyboard{border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;padding:1rem}.keyboard-tester .screen-keyboard[hidden]{display:none}.keyboard-tester .screen-keyboard summary{cursor:pointer;color:#e5c887;font-weight:600}.keyboard-tester .screen-keys{margin-top:1rem}.keyboard-tester .screen-row{gap:4px;margin:4px 0;display:flex}.keyboard-tester .screen-row-1{padding-left:2%}.keyboard-tester .screen-row-2{padding-left:3.5%;padding-right:10%}.keyboard-tester .screen-row-3{padding-left:6%;padding-right:15%}.keyboard-tester .screen-row-4{padding:0 30%}.keyboard-tester [data-screen-code]{background:#203e32;border-color:#6b9b81;flex:1;min-width:0;min-height:52px;padding:14px 2px 3px;position:relative}.keyboard-tester [data-screen-code] small{color:#c4c9be;font:9px/1.5 system-ui,sans-serif;position:absolute;top:1px;left:4px}.keyboard-tester [data-screen-code] b{color:#f0efe4;font:24px/1.35 Georgia,serif}.keyboard-tester [data-screen-code=Space]{padding:8px}.keyboard-tester [data-screen-code=Space] b{font:14px/1.5 system-ui,sans-serif}.keyboard-tester .screen-edit{margin-top:.8rem}.keyboard-tester button:disabled{opacity:.5;cursor:default}.keyboard-tester #target{overflow-wrap:anywhere;white-space:pre-wrap;background:#252720;border-radius:8px;margin:1rem 0;padding:.8rem 1rem;font:26px/1.7 Georgia,serif}.keyboard-tester input[type=text],.keyboard-tester textarea{background:var(--bg);border:1px solid #a99576;border-radius:8px;width:100%;min-width:0;padding:.8rem;font:24px/1.7 Georgia,serif}.keyboard-tester textarea{resize:vertical;min-height:150px}.keyboard-tester :focus-visible,.keyboard-diagrams :focus-visible{outline-offset:3px;outline:3px solid #e5c887}.keyboard-tester #result{min-height:2rem;font-weight:600}.keyboard-tester #result[data-ok=true]{color:#9ed9b7}.keyboard-tester #result[data-ok=false]{color:#f2ba90}.keyboard-tester #events,.keyboard-tester #codepoints{overflow-wrap:anywhere;white-space:pre-wrap;font:12px/1.8 ui-monospace,monospace}.keyboard-tester .meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.3rem;display:grid}.keyboard-tester .meta div{background:#252720;border-radius:8px;padding:.8rem}.keyboard-tester .meta[hidden]{display:none}.keyboard-tester #notes{min-height:100px;font:16px/1.7 system-ui,sans-serif}.keyboard-tester .privacy{border-left:3px solid #8db399;padding-left:1rem}.keyboard-tester noscript{background:#453719;margin:1rem 0;padding:1rem;display:block}@media (width<=1000px){.keyboard-diagrams .diagram{grid-template-columns:1fr}}@media (width<=600px){.keyboard-diagrams .layer{padding:10px}.keyboard-diagrams .row{gap:2px}.keyboard-diagrams .key{height:47px}.keyboard-diagrams .key b{font-size:21px}.keyboard-diagrams .key small{font-size:8px}.keyboard-tester{padding:1rem}.keyboard-tester .meta{grid-template-columns:1fr}.keyboard-tester .screen-keyboard{padding:.7rem}.keyboard-tester .screen-keys{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px;display:grid}.keyboard-tester .screen-row{display:contents}.keyboard-tester [data-screen-code=Space]{grid-column:1/-1}}@media print{.keyboard-tester{display:none}.keyboard-diagrams .layer{break-inside:avoid}}