.live-layout.svelte-nf3mne{gap:var(--spacing-6);flex-direction:column;display:flex}.connection-status.svelte-nf3mne{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-fluid-sm);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;font-weight:500;display:flex}.connection-status.connected.svelte-nf3mne{color:var(--color-success);border-color:var(--color-success)}.connection-status.disconnected.svelte-nf3mne{color:var(--color-error);border-color:var(--color-error)}.connection-status.connecting.svelte-nf3mne{color:var(--color-warning);border-color:var(--color-warning)}.status-dot.svelte-nf3mne{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px}.connection-status.connected.svelte-nf3mne .status-dot:where(.svelte-nf3mne){animation:2s ease-in-out infinite svelte-nf3mne-pulse-dot}.connection-status.connecting.svelte-nf3mne .status-dot:where(.svelte-nf3mne){background:var(--color-warning);animation:1.5s ease-in-out infinite svelte-nf3mne-pulse-dot}@keyframes svelte-nf3mne-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-metrics.svelte-nf3mne{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.live-metrics.svelte-nf3mne{grid-template-columns:1fr}}.empty-feed.svelte-nf3mne{align-items:center;gap:var(--spacing-2);padding:var(--spacing-8) 0;color:var(--color-muted);text-align:center;flex-direction:column;display:flex}.event-feed.svelte-nf3mne{gap:var(--spacing-1);flex-direction:column;max-height:500px;display:flex;overflow-y:auto}.event-row.svelte-nf3mne{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-fluid-sm);animation:.2s ease-out svelte-nf3mne-slide-in;display:flex}.event-row.svelte-nf3mne:hover{background:var(--color-subtle)}@keyframes svelte-nf3mne-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.event-type.svelte-nf3mne{color:var(--color-muted);min-width:80px;font-weight:500}.event-path.svelte-nf3mne{font-size:var(--text-fluid-sm);color:var(--color-fg);flex:1}.event-time.svelte-nf3mne{font-size:var(--text-fluid-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}