[hidden]{display:none!important} #tymp-screen{background:#fff} #tymp-plot{display:block;width:100%;height:auto} #reflex-screen{min-height:340px;padding:20px;background:#edf2f5;color:#17232d} #results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px} .measurement{background:#fff;color:#17232d;padding:10px;text-align:left} .measurement canvas{display:block;width:100%;height:auto} .measurement.enlarged{position:fixed;inset:8vh 8vw;z-index:20;overflow:auto;box-shadow:0 0 0 100vmax #0009} .measurement.enlarged canvas{max-height:70vh} output{font-size:36px;text-align:center;font-variant-numeric:tabular-nums} .equipment{display:flex;gap:12px;margin-top:18px} #start{background:#72dfcf;color:#102c2c} button[aria-pressed=true]{border-color:#72dfcf;background:#34554e} dialog{width:min(900px,95vw);max-height:90vh;background:#17232d;color:#e9f0f4;border:1px solid #536b7a;border-radius:12px;padding:24px} dialog::backdrop{background:#0009} .table-scroll{overflow:auto} th,td{padding:9px;border-bottom:1px solid #536b7a;text-align:left;white-space:nowrap} .probe-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0} .probe-row select{background:#22333f;color:white;padding:10px} .footnote{color:var(--muted)} @media(max-width:650px){#main{padding:12px} .app-header{align-items:flex-start;flex-direction:column} #controls{grid-template-columns:1fr} .channel+.channel{border-left:0;border-top:1px solid var(--edge)} .measurement.enlarged{inset:5vh 3vw} }
/* Full-width results above the instrument controls. */
.measurement-workspace { display:block; }
.measurement-screen { width:100%; min-width:0; margin-inline:auto; }
.measurement-workspace #controls { grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--edge) !important; }
@media (max-width:650px) {
  .measurement-workspace #controls { grid-template-columns:1fr; }
}

/* Override the PTA instrument's side-panel grid for this simulator. */
.instrument { display:block; }
.measurement-workspace #controls { grid-column:auto; grid-row:auto; margin-inline:auto; }
.measurement-workspace .channel { text-align:center; }
.measurement-workspace .equipment { justify-content:center; }
.measurement-workspace .dial-row { width:100%; max-width:300px; margin-inline:auto; }
.measurement-workspace .present { max-width:300px; margin-inline:auto; justify-content:center; }
#tymp-plot { margin-inline:auto; }
#reflex-screen > p { text-align:center; }

/* Stable measurement viewport; ART tiles shrink in discrete steps. */
#tymp-screen, #reflex-screen { height:480px; box-sizing:border-box; }
#tymp-screen { display:flex; align-items:center; justify-content:center; }
#tymp-plot { width:100%; height:100%; object-fit:contain; }
#reflex-screen { display:flex; flex-direction:column; min-height:0; }
#reflex-screen > p { flex:none; margin:0 0 12px; }
#results { flex:1; min-height:0; align-content:start; justify-content:center; overflow:auto; }
.measurement { box-sizing:border-box; height:var(--tile-height); min-width:0; padding:var(--tile-padding); font-size:var(--tile-font); line-height:1.2; }
.measurement.enlarged { width:auto; height:auto; padding:16px; font-size:16px; }
.measurement.enlarged canvas { height:auto; width:100%; object-fit:contain; }

/* Fixed bipolar live meter; the solid indicator follows instantaneous compliance. */
#compliance-panel { padding:12px 20px; background:#edf2f5; color:#17232d; border-top:1px solid #c9d5df; }
.meter-title { display:block; text-align:center; font-size:12px; margin-bottom:6px; }
#compliance-meter { position:relative; height:28px; margin-inline:2px; border:1px solid #8294a2; background:linear-gradient(to right,#d8e5ed,#fff 50%,#d8e5ed); }
.meter-zero { position:absolute; left:50%; top:0; bottom:0; border-left:1px dashed #8294a2; }
#compliance-marker { position:absolute; left:50%; top:0; bottom:0; width:3px; transform:translateX(-50%); background:#17232d; }
.meter-scale { display:flex; justify-content:space-between; font-size:12px; font-variant-numeric:tabular-nums; margin-top:4px; }