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