/* CPS test, on top of the device-test kit's ui.css */
.cps-bar { margin: 6px 0 8px; align-items: center; gap: 10px; flex-wrap: wrap; }
.seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.seg button { background: transparent; color: var(--muted); border: 0; padding: 7px 12px; font: inherit; font-size: 13px; cursor: pointer; }
.seg button[aria-pressed=true] { background: rgba(149,214,0,.1); color: var(--text); }
.presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.presets button { background: transparent; color: var(--text); border: 1px solid var(--border); border-radius: 999px; padding: 5px 11px; font: inherit; font-size: 12px; cursor: pointer; }
.presets button[aria-pressed=true] { border-color: var(--accent); background: rgba(149,214,0,.08); }
.cps-surface { min-height: 52vh; }
.cps-surface.live { background: #11151c; }
.cps-surface.done { cursor: default; }
.cps-timer { font-size: clamp(40px, 10vw, 96px); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; color: var(--accent); }
.cps-surface.done .cps-timer { color: var(--muted); }
.cps .rt-big { font-size: clamp(22px, 4vw, 40px); margin-top: 8px; }
.cps .rt-sub { font-variant-numeric: tabular-nums; }
.rt-strip .rbar.peak { outline: 2px solid var(--text); outline-offset: -2px; }
.hidden { display: none !important; }
.cps-actions { margin: 0 0 12px; }