.mctd-lab{display:grid; gap:1rem;}
.mctd-wrap{display:flex; flex-wrap:wrap; gap:1.8rem; align-items:flex-start;}
.mctd-controls{
  display:flex; flex-direction:column; gap:.8rem;
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.83rem;
}
.mctd-controls label{display:flex; align-items:center; gap:.5rem;}
.mctd-controls input[type="range"]{width:9rem;}
.mctd-buttons{display:flex; gap:.6rem; flex-wrap:wrap;}
.mctd-buttons button{
  font:inherit; font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.82rem;
  background:var(--paper-2); color:var(--text); border:1px solid var(--text);
  padding:.4rem .9rem; cursor:pointer;
}
.mctd-buttons button:hover{border-color:var(--signal);}
.mctd-readout{font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.82rem; line-height:1.8;}
.mctd-readout b{color:var(--signal-ink);}
.mctd-readout .mc{color:#c97a2e;}
.mctd-readout .td{color:#3e7cb1;}
.mctd-panel{display:grid; gap:.3rem; justify-items:center;}
.mctd-panel canvas{border:1px solid var(--line); background:var(--tile);}
.mctd-panel .panel-label{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.75rem; color:var(--text-dim);
}