.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}.kb-rowline{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;display:flex}.kb-modes{flex-wrap:wrap;gap:.4rem;display:flex}.kb-modes button{border:1px solid var(--border,#c9c9c9);background:var(--surface,#fff);min-height:44px;color:var(--text,#222);cursor:pointer;border-radius:.6rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.kb-modes button[data-active=true]{background:var(--focus,#1a73e8);border-color:var(--focus,#1a73e8);color:#fff}.kb-layout{align-items:center;gap:.5rem;min-height:44px;font-size:.85rem;font-weight:600;display:inline-flex}.kb-layout select{border:1px solid var(--border,#c9c9c9);background:var(--surface,#fff);min-height:44px;color:var(--text,#222);border-radius:.6rem;padding:.4rem .6rem;font-size:.9rem}.kb-warn{background:var(--warn-bg,#fff7e6);border:1px solid var(--warn-border,#e0a800);color:var(--warn-ink,#7a5b00);border-radius:.6rem;margin:0;padding:.6rem .8rem;font-size:.9rem;font-weight:600}.kb-steps{gap:.3rem;margin:.4rem 0 0;padding-left:1.2rem;display:grid}.kb-steps li[data-done=true]{color:var(--success-ink,#1e7e34);font-weight:700}.kb-phrase{border:1px dashed var(--border,#c9c9c9);border-radius:.6rem;margin:0;padding:.6rem .8rem;font-size:1.05rem;line-height:1.7}.kb-typed{color:var(--success-ink,#1e7e34);font-weight:700}.kb-todo{color:var(--muted,#666)}