.conv-lab{display:grid; gap:1rem;}
.conv-controls{display:flex; flex-wrap:wrap; gap:1rem; align-items:center; font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.82rem;}
.conv-controls label{display:flex; align-items:center; gap:.4rem;}
.conv-controls select{font:inherit; padding:.3rem .5rem; background:var(--paper); color:var(--text); border:1px solid var(--line);}
.conv-grids{display:flex; flex-wrap:wrap; gap:1.6rem; align-items:flex-start;}
.conv-grid-block{display:grid; gap:.4rem; justify-items:center;}
.conv-grid-label{font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--text-dim);}
.conv-grid{display:grid; gap:2px;}
.conv-grid div{
  width:1.9rem; height:1.9rem; display:flex; align-items:center; justify-content:center;
  background:var(--tile); border:1px solid var(--line);
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.72rem;
}
.conv-grid div.hit{background:var(--signal); color:var(--ink); border-color:var(--signal-ink);}
.conv-out-grid div{background:var(--paper-2);}
.conv-out-grid div.hit{background:var(--signal-ink); color:var(--paper); border-color:var(--signal-ink);}

.conv-steps{display:flex; flex-wrap:wrap; gap:.6rem; align-items:center;}
.conv-steps button{
  font:inherit; font-family:Consolas,"SF Mono",ui-monospace,monospace;
  font-size:.78rem; text-transform:uppercase; letter-spacing:.06em;
  background:none; border:1px solid var(--line); color:var(--text); padding:.5rem .8rem; cursor:pointer;
}
.conv-steps button:hover{border-color:var(--signal);}
.conv-readout{font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.85rem;}

.scheme-grid-demo{display:flex; align-items:center; justify-content:center; gap:1rem; flex-wrap:wrap;}