:root{--keyboard-test-primary:var(--main-primary);--keyboard-test-secondary:var(--main-secondary);--keyboard-test-bg:#fff;--keyboard-test-text:#1e293b;--keyboard-test-text-muted:#64748b;--keyboard-test-key-bg:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--keyboard-test-key-border:#cbd5e1;--keyboard-test-key-active:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);--keyboard-test-key-tested:linear-gradient(135deg,#10b981 0%,#059669 100%);--keyboard-test-key-text:#0f172a;--keyboard-test-glow:0 4px 12px #6366f140;--keyboard-test-glow-success:0 4px 12px #10b98140;--keyboard-test-history-item-bg:#6366f114;--keyboard-test-history-item-text:#4f46e5;--keyboard-test-history-item-border:#6366f126}._keyboard-tester-container{flex-direction:column;gap:1.25rem;width:100%;max-width:1300px;margin:0 auto;display:flex}._keyboard-tester-header{background:var(--keyboard-test-bg);border-style:solid;border-width:1px;border-color:var(--keyboard-test-key-border);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;box-shadow:0 1px 3px #0000000a}._keyboard-tester-board{--key-unit:44px;--key-gap:4px;text-align:center;background-color:#0000;background-image:linear-gradient(135deg,#6366f114 0%,#8b5cf614 25%,#ec489914 50%,#fb923c14 75%,#eab30814 100%),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%),repeating-linear-gradient(0deg,#0000,#0000 2px,#6366f105 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#6366f105 2px 4px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:.75rem;width:100%;min-height:320px;padding:1.25rem;position:relative;overflow:auto visible;box-shadow:0 0 0 1px #6366f11a,0 4px 16px #00000014,0 8px 32px #6366f11f,inset 0 1px #fffc}._keyboard-tester-board:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#fff9 0%,#ffffff4d 50%,#ffffff1a 100%);border-radius:.75rem;position:absolute;top:0;bottom:0;left:0;right:0}._keyboard-tester-wrapper{z-index:1;gap:calc(var(--key-gap,4px)*2);text-align:left;align-items:stretch;min-width:800px;display:inline-flex;position:relative}._keyboard-tester-main{gap:var(--key-gap,4px);flex-direction:column;display:flex}._keyboard-tester-row--fkeys{margin-bottom:calc(var(--key-gap,4px)*2)}._keyboard-tester-numpad{grid-template-columns:repeat(4,var(--key-unit,44px));grid-template-rows:var(--key-unit,44px)calc(var(--key-gap,4px)*2)repeat(5,var(--key-unit,44px));gap:var(--key-gap,4px);display:grid}._keyboard-tester-numpad ._keyboard-tester-key--media{font-size:calc(var(--key-unit,44px)*.28)}._keyboard-tester-history{background:var(--keyboard-test-bg);border-style:solid;border-width:1px;border-color:var(--keyboard-test-key-border);border-radius:.5rem;align-items:center;height:3.5rem;padding:.875rem 1.25rem;display:flex;overflow:auto hidden}@media (max-width:768px){._keyboard-tester-container{padding-left:1rem;padding-right:1rem}}._keyboard-tester-status{align-items:center;gap:.75rem;display:flex}._keyboard-tester-btn-icon{border-style:solid;border-width:1px;border-color:var(--keyboard-test-key-border);background:var(--keyboard-test-key-bg);width:2.25rem;height:2.25rem;color:var(--keyboard-test-text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}._keyboard-tester-btn-icon:hover{border-color:var(--keyboard-test-primary)}._keyboard-tester-btn-reset:hover{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444}._keyboard-tester-progress{background:var(--keyboard-test-key-border);border-radius:4px;width:120px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}._keyboard-tester-progress-bar{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:4px;width:0%;height:100%;transition:width .3s;display:block;box-shadow:0 0 8px #10b98166}._keyboard-tester-count-label{color:var(--keyboard-test-text);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;font-weight:600}._keyboard-tester-count-label #tested-count{color:#10b981}._keyboard-tester-count-sep{color:var(--keyboard-test-text-muted);margin:0 .125rem}._keyboard-tester-controls{gap:.5rem;display:flex}._keyboard-tester-select{border-style:solid;border-width:1px;border-color:var(--keyboard-test-key-border);background:var(--keyboard-test-key-bg);color:var(--keyboard-test-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex}._keyboard-tester-select:hover{border-color:var(--keyboard-test-primary)}._keyboard-tester-select:focus{border-color:var(--keyboard-test-primary);outline:none}._keyboard-tester-btn-sound{border-style:solid;border-width:1px;border-color:var(--keyboard-test-key-border);background:var(--keyboard-test-key-bg);width:2.5rem;height:2.25rem;color:var(--keyboard-test-text-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}._keyboard-tester-btn-sound:hover{border-color:var(--keyboard-test-primary)}._keyboard-tester-btn-sound ._keyboard-tester-sound-on{display:none}._keyboard-tester-btn-sound ._keyboard-tester-sound-off{display:flex}._keyboard-tester-btn-sound.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}._keyboard-tester-btn-sound.active ._keyboard-tester-sound-on{display:flex}._keyboard-tester-btn-sound.active ._keyboard-tester-sound-off{display:none}._keyboard-tester-row{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;display:flex}._keyboard-tester-row>:last-child{margin-right:0!important}._keyboard-tester-numpad ._keyboard-tester-key{width:auto;height:auto;margin-right:0}._keyboard-tester-key{width:var(--key-unit,44px);height:var(--key-unit,44px);margin-right:var(--key-gap,4px);background:var(--keyboard-test-key-bg);border-style:solid;border-width:1.5px;border-color:var(--keyboard-test-key-border);border-radius:calc(var(--key-unit,44px)*.12);color:var(--keyboard-test-key-text);-webkit-user-select:none;user-select:none;padding:calc(var(--key-unit,44px)*.08);text-align:center;font-weight:600;font-size:calc(var(--key-unit,44px)*.32);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 0 0 1px #fffc,0 3px 6px #0000001f,0 1px #e2e8f0cc,inset 0 1px #ffffffe6}._keyboard-tester-key:hover{border-color:var(--keyboard-test-primary);box-shadow:0 4px 8px #0000001a}._keyboard-tester-key.active{background:var(--keyboard-test-key-active);color:#fff;box-shadow:var(--keyboard-test-glow),0 0 20px #6366f180,inset 0 2px 4px #0003;border-color:#0000;animation:.15s ease-out keyPress;transform:scale(.92)}@keyframes keyPress{0%{transform:scale(1);box-shadow:0 2px 4px #0000000d}50%{transform:scale(.88);box-shadow:0 0 30px #6366f199,inset 0 3px 6px #0000004d}to{transform:scale(.92)}}._keyboard-tester-key.tested{background:var(--keyboard-test-key-tested);color:#fff;box-shadow:var(--keyboard-test-glow-success);border-color:#0000}._keyboard-tester-key[data-width="1.25"]{width:calc(var(--key-unit,44px)*1.25 + var(--key-gap,4px)*.25)}._keyboard-tester-key[data-width="1.5"]{width:calc(var(--key-unit,44px)*1.5 + var(--key-gap,4px)*.5)}._keyboard-tester-key[data-width="1.75"]{width:calc(var(--key-unit,44px)*1.75 + var(--key-gap,4px)*.75)}._keyboard-tester-key[data-width="2"]{width:calc(var(--key-unit,44px)*2 + var(--key-gap,4px)*1)}._keyboard-tester-key[data-width="2.25"]{width:calc(var(--key-unit,44px)*2.25 + var(--key-gap,4px)*1.25)}._keyboard-tester-key[data-width="2.75"]{width:calc(var(--key-unit,44px)*2.75 + var(--key-gap,4px)*1.75)}._keyboard-tester-key[data-width="6.25"]{width:calc(var(--key-unit,44px)*6.25 + var(--key-gap,4px)*5.25)}._keyboard-tester-key[data-width="7"]{width:calc(var(--key-unit,44px)*7 + var(--key-gap,4px)*6)}._keyboard-tester-spacer{height:var(--key-unit,44px);margin-right:var(--key-gap,4px);flex-shrink:0}._keyboard-tester-history-label{color:var(--keyboard-test-text-muted);flex-shrink:0;align-items:center;margin-right:.75rem;display:flex}._keyboard-tester-history-log{flex-wrap:nowrap;flex:1;gap:.5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;display:flex}._keyboard-tester-history-placeholder{color:var(--keyboard-test-text-muted);font-family:inherit;font-size:.875rem;font-style:italic}._keyboard-tester-history-item{background:var(--keyboard-test-history-item-bg);color:var(--keyboard-test-history-item-text);border-style:solid;border-width:1px;border-color:var(--keyboard-test-history-item-border);white-space:nowrap;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:inline-flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._keyboard-tester-ime-notice{color:#b45309;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;animation:.3s slideIn;display:flex}._keyboard-tester-ime-notice svg{color:#f59e0b;flex-shrink:0}@media (max-width:768px){._keyboard-tester-progress{display:none!important}}