.deconv-lab{display:grid; gap:1rem;}
.deconv-controls{display:flex; flex-wrap:wrap; gap:1.2rem; align-items:center; font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.85rem;}
.deconv-controls label{display:flex; align-items:center; gap:.5rem;}
.deconv-controls input[type="range"]{width:9rem;}
.deconv-grids{display:flex; flex-wrap:wrap; gap:1.6rem; align-items:flex-start;}
.deconv-lab canvas{background:#14181f; border:1px solid var(--line);}
.deconv-readout{font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.88rem;}
.deconv-readout b{color:var(--signal-ink);}
.deconv-row{display:flex; gap:2px;}
.deconv-row div{
  width:1.7rem; height:1.7rem; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.68rem;
  color:#14181f;
}

.compare-figure{margin:1.4rem 0;}
.compare-imgs{display:flex; gap:.5rem; flex-wrap:wrap;}
.compare-imgs img{
  width:100%; image-rendering:pixelated; border:1px solid var(--line);
}
.compare-imgs.n4 > *{flex:1 1 calc(25% - .5rem);}
.compare-imgs.n2 > *{flex:1 1 calc(50% - .5rem);}
.compare-caption{
  font-size:.85rem; color:var(--text-dim); margin-top:.5rem;
}
.compare-caption em{color:var(--text); font-style:italic;}
.svg-figure{background:#fff; padding:.6rem; border:1px solid var(--line); margin:1.4rem 0;}
.svg-figure img{width:100%; display:block;}