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