.pg-lab{display:grid; gap:1rem;}
.pg-wrap{display:flex; flex-wrap:wrap; gap:1.8rem; align-items:flex-start;}
.pg-left{display:grid; gap:.9rem; max-width:22rem;}
.pg-controls{
  display:flex; flex-direction:column; gap:.5rem;
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.83rem;
}
.pg-controls select{
  font:inherit; background:var(--tile); color:var(--text);
  border:1px solid var(--line); padding:.15rem .3rem;
}
.pg-check{display:flex; gap:.45rem; align-items:center;}
.pg-buttons{display:flex; gap:.6rem; flex-wrap:wrap;}
.pg-buttons button{
  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;
}
.pg-buttons button:hover{border-color:var(--signal);}
.pg-readout{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.84rem; line-height:1.9;
}
.pg-readout b{color:var(--signal-ink);}
.pg-readout .pi-bar{
  display:inline-block; height:.65rem; background:var(--rl, var(--signal));
  vertical-align:middle; border:1px solid var(--line); min-width:1px;
}
#pg-canvas{border:1px solid var(--line); background:var(--tile); max-width:100%; height:auto;}
.pg-legend{
  font-family:Consolas,"SF Mono",ui-monospace,monospace; font-size:.75rem;
  color:var(--text-dim); margin-top:.4rem; max-width:28rem;
}