.rr-tool{gap:1rem;max-width:780px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.rr-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.rr-panel legend{padding:0 .5rem;font-weight:700}.rr-panel h2{margin:0;font-size:1.05rem}.rr-track{border:1px solid var(--border,#c9c9c9);background:var(--surface-muted,#f0f4f2);border-radius:.75rem;height:44px;position:relative;overflow:hidden}.rr-bar{background:var(--focus,#1a73e8);will-change:transform;border-radius:6px;width:24px;height:32px;position:absolute;top:6px;left:0}.rr-graph{border:1px solid var(--border,#c9c9c9);width:100%;height:120px;color:var(--focus,#1a73e8);border-radius:.75rem}.rr-hint{color:var(--muted,#666);margin:0;font-size:.9rem}.rr-readout{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.rr-readout>div{gap:.15rem;display:grid}.rr-readout span{color:var(--muted,#666);font-size:.85rem}.rr-readout strong{font-size:1.5rem}.rr-actions{flex-wrap:wrap;gap:.75rem;display:flex}.rr-results{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.rr-results>div{border:1px solid var(--border,#e2e2e2);border-radius:.75rem;padding:.5rem .75rem}.rr-results dt{color:var(--muted,#666);font-size:.78rem}.rr-results dd{margin:0;font-weight:700}@media (max-width:560px){.rr-results{grid-template-columns:repeat(2,1fr)}}