.agent-connection.svelte-1i4dr14{position:relative;font-size:12px}.connection-toggle.svelte-1i4dr14{display:flex;align-items:center;gap:7px;white-space:nowrap}.dot.svelte-1i4dr14{width:6px;height:6px;border-radius:50%;background:#777}.dot.online.svelte-1i4dr14{background:#9fbd99}.connection-panel.svelte-1i4dr14{position:absolute;z-index:70;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 32px));padding:18px;border:1px solid #444;border-radius:10px;background:#171717;color:#eee;box-shadow:0 12px 40px #0008;box-sizing:border-box}.connection-panel.svelte-1i4dr14 strong:where(.svelte-1i4dr14){font-size:14px}.connection-panel.svelte-1i4dr14 p:where(.svelte-1i4dr14){line-height:1.5;margin:10px 0}.connection-panel.svelte-1i4dr14 .detail:where(.svelte-1i4dr14){color:#aaa;font-size:11px}.connection-panel.svelte-1i4dr14 label:where(.svelte-1i4dr14){display:block;margin-bottom:5px}.connection-panel.svelte-1i4dr14 input:where(.svelte-1i4dr14){box-sizing:border-box;width:100%;padding:8px;border:1px solid #555;border-radius:4px;background:#090909;color:#eee;font:11px monospace}.connection-panel.svelte-1i4dr14 button:where(.svelte-1i4dr14){margin-top:6px;padding:7px 10px;border:1px solid #555;border-radius:5px;background:#252525;color:#eee;cursor:pointer}.connection-panel.svelte-1i4dr14 button:where(.svelte-1i4dr14):disabled{opacity:.5}@media(max-width:820px){.connection-panel.svelte-1i4dr14{position:fixed;left:16px;right:16px;top:110px;width:auto;max-height:calc(100dvh - 130px);overflow:auto}}.project-modes.svelte-gf2a24{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--color-performance-border-default, #333);border-radius:4px;flex-shrink:0}.project-modes.svelte-gf2a24 a:where(.svelte-gf2a24){padding:7px 10px;text-decoration:none;text-transform:capitalize;border-radius:2px;color:var(--color-performance-fg-muted, #aaa);font:11px var(--font-performance-sans, Arial, sans-serif)}.project-modes.svelte-gf2a24 a.active:where(.svelte-gf2a24){background:var(--color-performance-shell-raised, #222);color:var(--color-performance-fg-primary, #fff)}.project-modes.svelte-gf2a24 a:where(.svelte-gf2a24):hover{color:var(--color-performance-fg-primary, #fff)}.project-modes.svelte-gf2a24 a:where(.svelte-gf2a24):focus-visible{outline:2px solid var(--color-performance-signal, #fcaa2d)}