.gop-controls{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.gop-slider-row{align-items:center;gap:10px;margin-top:4px;display:flex}.gop-slider-row input[type=range]{max-width:160px}.gop-badge{font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:2em;font-size:.85rem}.gop-fps-row{align-items:center;gap:10px;display:flex}.gop-legend{color:var(--text-dim);gap:16px;margin-bottom:10px;font-size:.82rem;display:flex}.gop-legend-item{align-items:center;gap:5px;display:flex}.gop-legend-dot{border-radius:3px;width:12px;height:12px;display:inline-block}.gop-canvas-wrap{margin-bottom:12px}.gop-canvas-wrap canvas{max-width:100%;display:block}.segmented{border:1px solid var(--border);background:var(--bg-surface-dim,#0f172a);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.seg-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;transition:all .2s}.seg-btn:hover{color:var(--text);background:#ffffff0d}.seg-btn.active{background:var(--accent);color:var(--accent-contrast,#fff);box-shadow:0 1px 3px #0003}