.conn-status.svelte-1pdxfsa{position:fixed;top:calc(var(--topbar-height, 56px) + var(--sat) + var(--space-2));right:var(--space-3);z-index:200;display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-1h) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;animation:svelte-1pdxfsa-fadeIn .3s ease}.conn-status.reconnecting.svelte-1pdxfsa{background:var(--warning-subtle);color:var(--warning);border:1px solid var(--border-warning)}.conn-status.offline.svelte-1pdxfsa{background:var(--error-subtle);color:var(--error);border:1px solid var(--border-error)}.conn-status.remote.svelte-1pdxfsa{background:#3b82f61f;color:var(--primary);border:1px solid rgba(59,130,246,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.conn-dot.svelte-1pdxfsa{width:6px;height:6px;border-radius:50%}.reconnecting.svelte-1pdxfsa .conn-dot:where(.svelte-1pdxfsa){background:var(--warning);animation:svelte-1pdxfsa-pulse-dot 1.5s infinite}.offline.svelte-1pdxfsa .conn-dot:where(.svelte-1pdxfsa){background:var(--error)}.remote.svelte-1pdxfsa .conn-dot:where(.svelte-1pdxfsa){background:var(--primary);box-shadow:0 0 #3b82f699;animation:svelte-1pdxfsa-pulse-remote 2s infinite}.label.svelte-1pdxfsa{font-variant-numeric:tabular-nums;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes svelte-1pdxfsa-pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes svelte-1pdxfsa-pulse-remote{0%{box-shadow:0 0 #3b82f699}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes svelte-1pdxfsa-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.conn-status.svelte-1pdxfsa{top:auto;bottom:calc(48px + max(4px,var(--sab)) + var(--space-2));left:50%;right:auto;transform:translate(-50%)}}