.kb-tool{gap:1rem;max-width:780px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.kb-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.kb-panel legend{padding:0 .5rem;font-weight:700}.kb-panel h2{margin:0;font-size:1.05rem}.kb-capture{border:1px solid var(--border,#c9c9c9);background:var(--surface-muted,#f0f4f2);outline-offset:3px;border-radius:.75rem;padding:.9rem}.kb-hint{color:var(--muted,#666);margin:0;font-size:.9rem}.kb-board{gap:.3rem;margin-top:.6rem;display:grid}.kb-row{flex-wrap:wrap;gap:.3rem;display:flex}.kb-key{text-align:center;border:1px solid var(--border,#c9c9c9);background:var(--surface,#fff);min-width:2rem;color:var(--text,#222);border-radius:.4rem;padding:.3rem .45rem;font-size:.8rem;font-weight:600;transition:background 80ms,color 80ms,transform 80ms}.kb-key.is-on{background:var(--focus,#1a73e8);border-color:var(--focus,#1a73e8);color:#fff;transform:translateY(1px)}.kb-readout{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.kb-readout>div{border:1px solid var(--border,#e2e2e2);border-radius:.6rem;gap:.15rem;padding:.5rem .7rem;display:grid}.kb-readout span{color:var(--muted,#666);font-size:.8rem}.kb-readout strong{font-size:1.05rem}.kb-verdict{background:var(--surface-muted,#eef4ef);border-radius:.6rem;margin:0;padding:.6rem .8rem;font-weight:700}.kb-actions{flex-wrap:wrap;gap:.6rem;display:flex}.kb-actions button{min-height:44px}.kb-history ol{gap:.15rem;max-height:10rem;margin:.4rem 0 0;padding-left:1.2rem;display:grid;overflow:auto}