.visual-header.svelte-10weqv8{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.visual-dot.svelte-10weqv8{width:10px;height:10px;border-radius:50%}.visual-dot.svelte-10weqv8:nth-child(1){background:#f43f5e}.visual-dot.svelte-10weqv8:nth-child(2){background:#f59e0b}.visual-dot.svelte-10weqv8:nth-child(3){background:#34d399}.metrics-visual.svelte-10weqv8{padding:2rem;position:relative}.metrics-visual.svelte-10weqv8 .metric-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.metrics-visual.svelte-10weqv8 .metric-bar:last-child{margin-bottom:0}.metrics-visual.svelte-10weqv8 .metric-label{font-size:.8rem;color:var(--text-secondary);width:120px;flex-shrink:0}.metrics-visual.svelte-10weqv8 .metric-track{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.metrics-visual.svelte-10weqv8 .metric-fill{height:100%;border-radius:4px}.metrics-visual.svelte-10weqv8 .metric-fill.blue{background:var(--accent);box-shadow:0 0 10px #4f8eff4d}.metrics-visual.svelte-10weqv8 .metric-fill.green{background:var(--accent-green);box-shadow:0 0 10px #34d3994d}.metrics-visual.svelte-10weqv8 .metric-fill.violet{background:var(--accent-violet);box-shadow:0 0 10px #8b5cf64d}.metrics-visual.svelte-10weqv8 .metric-fill.amber{background:var(--accent-amber);box-shadow:0 0 10px #f59e0b4d}.metrics-visual.svelte-10weqv8 .metric-value{font-size:.8rem;font-weight:700;width:50px;text-align:right;font-family:JetBrains Mono,monospace}