.kb .panel{gap:10px;display:grid}@media (width>=1024px){.kb .panel{gap:14px}}.kb-screen{flex-direction:column;gap:12px;padding:14px;display:flex}@media (width>=1024px){.kb-screen{flex-flow:wrap;align-items:center;gap:20px 28px;padding:18px 24px}}.kb-last{align-items:center;gap:14px;min-width:0;display:flex}@media (width>=1024px){.kb-last{gap:28px}}.kb-big{border:1px solid var(--screen-line-2);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.kb-big span{letter-spacing:-.02em;color:var(--screen-ink);white-space:nowrap;font-size:48px;font-weight:300;font-stretch:125%;line-height:1;transition:color .12s}.kb-big span.is-long{letter-spacing:0;font-size:15px;font-weight:500;font-stretch:100%}.kb-big span.is-down{color:var(--accent-dark-text)}@media (width>=1024px){.kb-big{width:112px;height:112px}.kb-big span{font-size:64px}.kb-big span.is-long{font-size:19px}}.kb-lines{min-width:0;color:var(--screen-muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;font-size:13px;display:flex}.kb-lines span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kb-lines span[dir=ltr]{text-align:start}.kb-empty{color:var(--screen-ink);font-size:15px}@media (width>=1024px){.kb-lines{gap:6px;font-size:15px}.kb-empty{font-size:17px}}.kb-prog{flex-direction:column;gap:8px;display:flex}@media (width>=1024px){.kb-prog{gap:10px;min-width:260px;margin-inline-start:auto}}.kb-count{color:var(--screen-muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.kb-n{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--screen-ink);direction:ltr;unicode-bidi:isolate;font-size:24px;font-weight:300;font-stretch:125%;line-height:1}@media (width>=1024px){.kb-count{gap:10px;font-size:15px}.kb-n{font-size:40px}}.kb-meter{background:var(--screen-line);border-radius:2px;height:4px;overflow:hidden}.kb-meter div{background:var(--trace);transform-origin:0;height:100%;transition:transform .2s}[dir=rtl] .kb-meter div{transform-origin:100%}@media (width>=1024px){.kb-meter{height:6px}}.kb-hist{flex-direction:column;gap:6px;min-width:0;display:flex}.kb-hist-l{color:var(--muted);font-size:13px}.kb-chips{direction:ltr;justify-content:flex-end;gap:6px;height:30px;display:flex;overflow:hidden}.kb-chip{border-radius:var(--radius-xs);background:var(--ink);min-width:30px;height:30px;color:var(--screen-ink);white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:flex}.kb-chip.is-down{background:var(--accent);color:var(--ink)}.kb-none{color:var(--muted);align-items:center;margin-inline-end:auto;font-size:14px;display:flex}@media (width>=1024px){.kb-hist{display:none}}.kb-wrap{overscroll-behavior-x:contain;padding:4px 0 6px;overflow-x:auto}.kb-board{--p:38px;--g:calc(var(--p) * .115);--fg:calc(var(--p) * .23);width:calc(var(--cols) * var(--p) - var(--g));height:calc(6 * var(--p) - var(--g) + var(--fg));direction:ltr;margin:0 auto;position:relative}@media (width>=1024px){.kb-board{--p:46px}}.kb-key{left:calc(var(--x) * var(--p));top:calc(var(--r) * var(--p) + var(--f) * var(--fg));width:calc(var(--w) * var(--p) - var(--g));height:calc(var(--h) * var(--p) - var(--g));border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--panel);color:var(--ink);font-size:clamp(13px, calc(var(--p) * .31), 16px);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 2px;font-weight:500;line-height:1;transition:background-color .12s,color .12s,border-color .12s;display:flex;position:absolute;overflow:hidden}.kb-key.is-word{font-size:clamp(10px, calc(var(--p) * .23), 12px)}.kb-key.is-t{background:var(--ink);border-color:var(--ink);color:var(--screen-ink)}.kb-key.is-p{background:var(--accent);border-color:var(--accent);color:var(--ink)}.kb-key.kb-iso,.kb-key.kb-iso.is-t,.kb-key.kb-iso.is-p{font-size:clamp(10px, calc(var(--p) * .23), 12px);background:0 0;border:0;align-items:flex-start;padding:0;overflow:visible}.kb-iso svg{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.kb-iso path{fill:var(--panel);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .12s,stroke .12s}.kb-iso.is-t path{fill:var(--ink);stroke:var(--ink)}.kb-iso.is-p path{fill:var(--accent);stroke:var(--accent)}.kb-iso-l{width:100%;height:calc(var(--p) - var(--g));justify-content:center;align-items:center;display:flex;position:relative}.kb-tools{order:1;gap:14px;display:grid}.kb-layout{display:block}.kb-layout .select{width:100%}@media (width>=1024px){.kb-tools{order:-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.kb-layout .select{width:auto;min-width:200px;min-height:48px}.kb-tools .keys{flex:none}.kb-tools .btn{border-color:var(--line);background:var(--panel);min-height:48px;padding:0 18px;font-size:16px}}