.inv-lab{display:grid; gap:1rem;}
.inv-wrap{display:flex; flex-wrap:wrap; gap:1.8rem; align-items:flex-start;}
.inv-left{display:grid; gap:.9rem; max-width:23rem;}
.inv-question{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.84rem; line-height:1.8;
}
.inv-buttons{display:flex; gap:.5rem; flex-wrap:wrap; align-items:center;
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.83rem;}
.inv-buttons button{
  font:inherit; background:var(--paper-2); color:var(--text); border:1px solid var(--text);
  padding:.4rem .9rem; cursor:pointer;
}
.inv-buttons button:hover:enabled{border-color:var(--signal);}
.inv-buttons button:disabled{opacity:.45; cursor:default;}
.inv-readout{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.84rem; line-height:1.95;
}
.inv-readout b{color:var(--signal-ink);}
.inv-readout .ok{
  background:color-mix(in srgb, var(--good) 20%, transparent);
  border:1px solid var(--good); padding:.05rem .4rem;
}
.inv-readout .bad{
  background:color-mix(in srgb, var(--bad) 20%, transparent);
  border:1px solid var(--bad); padding:.05rem .4rem;
}
#inv-canvas{border:1px solid var(--line); background:var(--tile); max-width:100%; height:auto;}
.inv-legend{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.75rem;
  color:var(--text-dim); margin-top:.4rem; max-width:28rem;
}