.stps{--stps-bg:var(--pss-panel,#0b1b2a);--stps-line:var(--pss-line,#203c52);--stps-text:var(--pss-text,#eaf6ff);--stps-muted:var(--pss-muted,#9cb2c4);--stps-accent:var(--pss-accent,#55c6ff);box-sizing:border-box;border:1px solid var(--stps-line);border-radius:18px;background:var(--stps-bg);color:var(--stps-text);padding:22px;margin:22px auto;max-width:1180px;min-width:0;font:15px/1.65 system-ui,sans-serif}.stps *{box-sizing:border-box}.stps h2{font-size:24px;line-height:1.3;margin:3px 0 9px;color:var(--stps-text)}.stps h3{font-size:18px;margin:17px 0 8px}.stps p{margin:8px 0}.stps .stps-kicker{color:var(--stps-accent);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.stps .stps-note,.stps .stps-status{color:var(--stps-muted);font-size:13px;line-height:1.6}.stps .stps-status[data-error=true]{color:#ffb2ab}.stps-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:15px 0}.stps label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--stps-muted);min-width:0}.stps input,.stps select,.stps button,.stps a.stps-button{background:#0d2639;color:#eaf6ff;border:1px solid #2c536d;border-radius:9px;padding:9px 11px;font:600 13px/1.4 system-ui;min-height:40px;max-width:100%;color-scheme:dark}.stps button,.stps a.stps-button{cursor:pointer;text-decoration:none}.stps button:hover{border-color:var(--stps-accent)}.stps button[aria-pressed=true],.stps button.stps-primary{background:#184c6b;border-color:#5dd0ff}.stps button:disabled{opacity:.5;cursor:wait}.stps a{color:var(--stps-accent)}.stps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.stps-stat{background:rgba(3,12,22,.35);border:1px solid var(--stps-line);border-radius:11px;padding:12px;min-width:0}.stps-stat small{color:var(--stps-muted);display:block;font-size:12px}.stps-stat strong{font-size:18px;display:block;overflow-wrap:anywhere}.stps-scroll{overflow:auto;max-width:100%;border:1px solid var(--stps-line);border-radius:11px;max-height:480px}.stps table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.stps td,.stps th{padding:11px 12px;border-bottom:1px solid var(--stps-line);text-align:left}.stps th{color:var(--stps-muted);background:#0d2132;position:sticky;top:0}.stps tbody tr:last-child td{border-bottom:0}.stps canvas.stps-plot{display:block;width:100%;height:auto;aspect-ratio:2.5;min-height:220px;background:#06101e;border:1px solid var(--stps-line);border-radius:12px;touch-action:pan-y}.stps-dialog{border:1px solid var(--stps-line);border-radius:16px;max-width:1100px;width:95vw;background:#07131f;color:#eaf6ff;padding:14px}.stps-dialog::backdrop{background:#000b}.stps-dialog svg{width:100%;height:auto}.stps .stps-two{grid-template-columns:repeat(2,minmax(0,1fr))}.stps img.stps-portrait{width:100%;height:125px;object-fit:contain}.stps .stps-chiplist{display:flex;gap:7px;flex-wrap:wrap}.stps .stps-chiplist a{border:1px solid var(--stps-line);border-radius:8px;padding:7px 10px;text-decoration:none;font-size:13px}.stps .stps-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--stps-muted)}.stps .stps-legend span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--c);border-radius:50%;margin-right:5px}.stps :focus-visible{outline:2px solid #55c6ff;outline-offset:3px}.stps-event-inactive{opacity:.65}.stps .stps-empty{padding:18px;color:var(--stps-muted)}
@media(max-width:640px){.stps{padding:15px 12px;margin:16px auto;border-radius:13px;font-size:14px}.stps h2{font-size:21px}.stps-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stps-controls>*{width:100%;min-width:0}.stps-controls input,.stps-controls select{width:100%;min-width:0}.stps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stps-stat{padding:10px}.stps-stat strong{font-size:16px}.stps canvas.stps-plot{aspect-ratio:1.45;min-height:245px}.stps table{font-size:12px}.stps td,.stps th{padding:9px}.stps img.stps-portrait{height:95px}.stps .stps-note{font-size:12px}}