.connection-switcher{--picker-accent:var(--accent-blue,#2563eb);--picker-accent-ink:var(--accent-light,#3b82f6)}.connection-switcher__scrim{z-index:100;padding:var(--space-md);background:var(--modal-overlay,#00000073);place-items:center;display:grid;position:fixed;inset:0}.connection-switcher{gap:var(--space-md);width:min(44rem,100%);max-height:85vh;padding:var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-pane);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-ui);display:grid;overflow:auto}.connection-switcher__head h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:0}.connection-switcher__head p{margin:var(--space-2xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.connection-switcher__list{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.connection-switcher__tile{gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color calc(var(--duration-quick) * var(--motion-scale,1)) var(--ease-out), background-color calc(var(--duration-quick) * var(--motion-scale,1)) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.connection-switcher__tile:hover{border-color:var(--border-hover);background:var(--bg-hover)}.connection-switcher__tile:focus-visible{outline:2px solid var(--picker-accent);outline-offset:2px}.connection-switcher__tile[data-in-use=true]{border-color:color-mix(in oklab, var(--picker-accent) 45%, transparent);background:color-mix(in oklab, var(--picker-accent) 10%, var(--bg-surface))}.connection-switcher__mark{border:1px solid var(--border-hover);border-radius:3px;width:10px;height:10px}.connection-switcher__tile[data-in-use=true] .connection-switcher__mark{border-color:var(--picker-accent);background:var(--picker-accent)}.connection-switcher__body{gap:2px;min-width:0;display:grid}.connection-switcher__title{gap:var(--space-xs);flex-wrap:wrap;align-items:baseline;display:flex}.connection-switcher__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.connection-switcher__tile[data-in-use=true] .connection-switcher__name,.connection-switcher__tile[data-in-use=true] .connection-switcher__line{color:var(--picker-accent-ink)}.connection-switcher__engine{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.connection-switcher__line{color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.connection-switcher__state{justify-content:flex-end;min-width:0;display:flex}.connection-switcher__pill{border:1px solid var(--border-default);border-radius:var(--radius-pill,9999px);color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap;padding:3px 10px}.connection-switcher__pill--in-use{border-color:color-mix(in oklab, var(--picker-accent) 45%, transparent);color:var(--picker-accent-ink)}.connection-switcher__pill--needs_build,.connection-switcher__pill--rebuild,.connection-switcher__pill--reconnect,.connection-switcher__pill--empty{border-color:color-mix(in oklab, var(--status-warning) 40%, transparent);background:color-mix(in oklab, var(--status-warning) 12%, transparent);color:var(--status-warning)}.connection-switcher__ready{background:var(--status-success);border-radius:50%;width:9px;height:9px}.connection-switcher__note,.connection-switcher__empty p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.connection-switcher__empty{gap:var(--space-sm);justify-items:start;display:grid}.connection-switcher__foot{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.connection-switcher__link{color:var(--picker-accent-ink);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.connection-switcher__link:hover{text-decoration:underline}.connection-switcher__action{border:1px solid var(--border-default);border-radius:var(--radius-input);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:8px 14px}.connection-switcher__action:hover{border-color:var(--border-hover);background:var(--bg-hover)}.connection-switcher__link:focus-visible,.connection-switcher__action:focus-visible{outline:2px solid var(--picker-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.connection-switcher__tile{transition:none}}.connection-switcher__live{background:var(--status-success);border-radius:50%;width:6px;height:6px;display:inline-block}