.keycode-workbench,.keycode-workbench section{min-width:0}.keycode-capture{border:2px dashed var(--color-rule);background:var(--color-surface);text-align:center;cursor:text;border-radius:14px;place-items:center;gap:12px;min-height:210px;padding:24px;display:grid}.keycode-capture:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-color:var(--color-accent)}.keycode-display{overflow-wrap:anywhere;background:var(--color-paper);border:var(--rule);min-width:80px;max-width:100%;min-height:80px;font:700 30px/1.2 var(--font-mono);border-radius:12px;place-items:center;padding:12px;display:grid}.keycode-capture p{margin:0}.keycode-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.keycode-detail{background:var(--color-paper);border:var(--rule);border-radius:10px;min-width:0;padding:14px}.keycode-detail>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.keycode-detail code{font:12px var(--font-mono);color:var(--color-muted)}.keycode-detail .icon-btn{min-width:44px;min-height:44px;margin-inline-start:auto}.keycode-detail .plate{padding:2px 4px;font-size:10px}.keycode-detail output{min-height:32px;font:18px/1.5 var(--font-mono);overflow-wrap:anywhere;display:block}.keycode-modifiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.keycode-modifiers>span{text-align:center;border:var(--rule);color:var(--color-muted);font:12px var(--font-mono);border-radius:9px;gap:6px;padding:12px 4px;display:grid}.keycode-modifiers>span[data-active=true]{background:var(--color-accent-wash);color:var(--color-ink);border-color:var(--color-accent)}.keycode-history{min-width:0;min-height:80px;max-height:420px;overflow:auto}.keycode-history table{border-collapse:collapse;width:100%;font-size:12px}.keycode-history th,.keycode-history td{text-align:start;border-bottom:var(--rule);overflow-wrap:anywhere;padding:10px 6px}.keycode-history td:first-child{font-weight:600}.keycode-history th{color:var(--color-muted)}.keycode-history tbody tr:first-child{background:var(--color-accent-wash)}@media (width<=767px){.keycode-details{grid-template-columns:minmax(0,1fr)}.keycode-capture{min-height:180px}.keycode-history{max-height:360px}}