.ppo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.ppo-controls label{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.ppo-controls output{margin-left:auto;font-variant-numeric:tabular-nums}.ppo-controls input,.ppo-controls select{width:100%;min-width:0}.ppo-controls select{background:var(--trace-bg);color:var(--trace-ink);border:1px solid var(--trace-line);border-radius:5px;padding:6px}.ppo-controls input{accent-color:var(--trace-ink)}.ppo-figure{margin:24px 0}.ppo-plot-scroll{overflow-x:auto;max-width:100%;padding-bottom:3px}.ppo-figure svg{display:block;width:100%;min-width:540px;height:auto;color:var(--trace-ink)}.ppo-figure svg text{font:13px system-ui,sans-serif;fill:currentColor;stroke:none}.ppo-figure svg path,.ppo-figure svg line{stroke:currentColor;fill:none;stroke-width:1.6}.ppo-figure svg rect{fill:var(--trace-bg);stroke:var(--trace-line);stroke-width:1.3}.ppo-figure svg circle{fill:currentColor;stroke:currentColor;stroke-width:1.3}.ppo-figure .ppo-axis{stroke:var(--trace-line)}.ppo-figure .ppo-guide{stroke:var(--muted);stroke-dasharray:5 5;stroke-width:1}.ppo-figure .ppo-pole{stroke-width:5}.ppo-figure .ppo-curve{stroke-width:2.4}.ppo-figure .ppo-before{fill:var(--trace-bg);stroke-width:1.8}.ppo-figure .ppo-selected{fill:var(--trace-soft);stroke:var(--trace-ink)}.ppo-figure [data-ppo-bind]{cursor:pointer}.ppo-figure .trace-corresponding{color:var(--blue,#1468c5);box-shadow:none!important}.ppo-figure .trace-corresponding rect{stroke:currentColor;fill:var(--trace-mark)}.ppo-parameters{margin:22px 0;font-size:12px}.ppo-parameters summary{cursor:pointer}.ppo-parameters pre{overflow:auto;max-height:400px;padding:12px;background:var(--trace-soft)}
@media(max-width:650px){.ppo-controls{grid-template-columns:1fr}.ppo-controls label{max-width:100%}.ppo-figure svg{min-width:540px}.ppo-trace .trace-value-row{align-items:flex-start}.ppo-trace .trace-quantity strong{overflow-wrap:anywhere;font-size:12px}}