.circularity-panel{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(260px,1.1fr);gap:18px;min-height:0;padding:8px 14px 14px}.circularity-plot{position:relative;display:grid;place-items:center;min-height:220px;border:1px solid var(--border-subtle);border-radius:14px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent-interactive) 8%,transparent),transparent 68%),var(--surface-raised)}.circularity-plot svg{width:min(88%,250px);height:auto;overflow:visible}.circularity-target{fill:none;stroke:var(--text-quaternary);stroke-width:2;stroke-dasharray:5 6}.circularity-axis,.circularity-guide{fill:none;stroke:var(--border-subtle);stroke-width:1}.circularity-trail{fill:none;stroke:var(--accent-interactive);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.circularity-plot>span{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--text-tertiary)}.circularity-plot>span svg{width:13px}.circularity-plot>span.is-recording{color:#ef7654}.circularity-controls{display:flex;flex-direction:column;justify-content:center;gap:12px}.circularity-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.circularity-action,.circularity-side button{min-height:34px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-raised);color:var(--text-secondary);font-size:11px;font-weight:600}.circularity-side button:disabled{opacity:.48}.circularity-controls>p{color:var(--text-tertiary);font-size:11px;line-height:1.55}.circularity-controls dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}.circularity-controls dl>div{padding:9px 10px;border-radius:9px;background:var(--surface-raised);border:1px solid var(--border-subtle)}.circularity-controls dt{color:var(--text-quaternary);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.circularity-controls dd{margin:3px 0 0;color:var(--text-primary);font:650 15px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.circularity-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-primary);background:color-mix(in srgb,var(--accent-interactive) 13%,var(--surface-raised));border-color:color-mix(in srgb,var(--accent-interactive) 35%,var(--border-subtle))}.circularity-action svg{width:13px;height:13px}.report-rate-section .telemetry-section-title button{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--text-quaternary)}.report-rate-section .telemetry-section-title button:hover{color:var(--text-secondary);background:var(--surface-raised)}.report-rate-value{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;margin-top:8px}.report-rate-value>svg{grid-row:1/3;width:20px;color:var(--accent-interactive)}.report-rate-value strong{color:var(--text-primary);font:680 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.report-rate-value strong small{font-size:10px;color:var(--text-quaternary)}.report-rate-value>span{margin-top:3px}.report-rate-meta,.report-rate-value>span{font-size:9px;color:var(--text-quaternary)}.report-rate-meta{display:flex;gap:9px;margin-top:9px}.report-rate-meta b{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.report-rate-section>p{margin-top:8px;color:var(--text-quaternary);font-size:9px;line-height:1.45}.connection-ecosystem-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.connection-ecosystem-links a{color:var(--text-quaternary);font-size:10px;text-decoration:none}.connection-ecosystem-links a:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}@media (max-width:760px){.circularity-panel{grid-template-columns:1fr;padding-inline:8px}.circularity-plot{min-height:200px}.compact-segmented button{padding-inline:8px}}