.pad-observer{margin-block:24px 36px;padding-block:24px;border-block:1px solid var(--line2)}
.pad-observer [hidden]{display:none!important}.pad-observer p{max-width:70ch}
.po-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}
.pad-observer button,.pad-observer select{min-height:46px;font:600 15px var(--body-font);cursor:pointer}
.po-secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:8px;padding:10px 16px}
.po-secondary:hover:not(:disabled){border-color:var(--muted)}.pad-observer button:disabled{opacity:.5;cursor:default}
.pad-observer :is(button,select):focus-visible{outline:3px solid var(--red);outline-offset:4px}
.po-status{font-weight:600;color:var(--text);min-height:3em}
.pad-observer label{display:block;color:var(--text);font-weight:600;margin-bottom:8px}
.pad-observer select{width:100%;max-width:100%;color:var(--text);background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:10px;margin-bottom:16px}
.po-plots{display:flex;gap:clamp(16px,5vw,48px);margin-block:24px}.po-plot{margin:0;width:160px;max-width:45%}
.po-plot svg{width:100%;display:block}.po-plot rect{fill:var(--panel);stroke:var(--muted);stroke-width:1}.po-plot path{fill:none;stroke:var(--line2);stroke-width:1}.po-plot circle{fill:var(--red)}
.po-plot figcaption{font-size:14px;color:var(--body);text-align:center;margin-top:8px}
.po-table-wrap{overflow-x:auto}.po-table{width:100%;border-collapse:collapse;font:14px var(--mono);font-variant-numeric:tabular-nums}
.po-table caption{text-align:left;font:15px/1.5 var(--body-font);color:var(--body);padding-bottom:14px}
.po-table :is(th,td){padding:12px 8px;text-align:right;border-bottom:1px solid var(--line2);white-space:nowrap}
.po-table th:first-child{text-align:left}.po-table thead th{color:var(--muted);font-weight:400}.po-table tbody th{color:var(--text);font-weight:500}
.po-buttons output{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}
.pad-observer .po-limit{font-size:14px;color:var(--muted);margin-top:16px}
@media(max-width:480px){.po-table{font-size:12px}.po-table :is(th,td){padding:12px 4px}.po-actions .cta{width:100%}.po-secondary{max-width:100%}}