.control-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.controls{gap:var(--space-3) var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;display:flex}.control-label{color:var(--color-text-muted);margin-inline-end:var(--space-1);font-size:.875rem}.stage{margin:0}.stage__canvas{aspect-ratio:1600/760;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;display:block}.metrics__list{gap:var(--space-2);margin:0 0 var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.metric dt{color:var(--color-text-muted);font-size:.875rem}.metric dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem}.run-state{color:var(--color-text-muted)}.stage__caption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.875rem}.health{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.health__dot{background:var(--color-text-muted);border-radius:50%;width:.75rem;height:.75rem}.health[data-state=online] .health__dot{background:var(--color-ok)}.health[data-state=degraded] .health__dot{background:var(--color-warn)}.health[data-state=offline] .health__dot{background:var(--color-danger)}@media (min-width:48rem){.metrics__list{grid-template-columns:repeat(4,minmax(0,1fr))}}