.ppo-lab{display:grid; gap:1rem;}
.ppo-wrap{display:flex; flex-wrap:wrap; gap:1.8rem; align-items:flex-start;}
.ppo-left{display:grid; gap:.9rem; max-width:21rem;}
.ppo-controls{
  display:flex; flex-direction:column; gap:.6rem;
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.83rem;
}
.ppo-controls select{
  font:inherit; background:var(--tile); color:var(--text);
  border:1px solid var(--line); padding:.15rem .3rem;
}
.ppo-controls input[type=range]{width:100%;}
.ppo-readout{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.84rem; line-height:1.95;
}
.ppo-readout b{color:var(--signal-ink);}
.ppo-readout .grad-zero{
  background:color-mix(in srgb, var(--signal) 22%, transparent);
  border:1px solid var(--signal); padding:.05rem .4rem;
}
.ppo-readout .grad-live{
  background:color-mix(in srgb, var(--good) 20%, transparent);
  border:1px solid var(--good); padding:.05rem .4rem;
}
#pp-canvas{border:1px solid var(--line); background:var(--tile); max-width:100%; height:auto;}
.ppo-legend{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.75rem;
  color:var(--text-dim); margin-top:.4rem; max-width:28rem;
}