.lsq-lab{display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; align-items:start;}
@media (max-width:640px){ .lsq-lab{grid-template-columns:1fr;} }

.lsq-lab canvas{width:100%; height:auto; background:#14181f; border:1px solid var(--line);}

.lsq-controls{display:grid; gap:.9rem; align-content:start;}
.lsq-controls label{
  display:grid; grid-template-columns:4.5rem 1fr 3.6rem; align-items:center; gap:.6rem;
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.82rem;
}
.lsq-controls input[type="range"]{width:100%;}
.lsq-controls output{text-align:right;}

.lsq-readout{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.88rem;
  border-top:1px dashed var(--line); padding-top:.7rem; margin-top:.3rem;
}
.lsq-readout b{color:var(--signal-ink);}
.lsq-reveal{
  margin-top:.5rem; 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:.4rem .7rem; cursor:pointer;
}
.lsq-reveal:hover{border-color:var(--signal);}