:root{color:#f3f5f0;font-synthesis:none;--canvas:#0c100d;--surface:#19201bd1;--surface-strong:#1b231d;--surface-hover:#ffffff12;--line:#ffffff1a;--line-strong:#ffffff2b;--ink:#f3f5f0;--muted:#a4afa6;--quiet:#718076;--signal:#8fe6a6;--signal-strong:#b5f2c1;--warning:#f5c17b;--danger:#ff9e93;--mono:"SF Mono", ui-monospace, Menlo, monospace;--header:64px;--radius:14px;background:#0c100d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--canvas);width:100%;height:100%;margin:0;overflow:hidden}body{min-width:680px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.has-tooltip{position:relative}.has-tooltip:after{z-index:80;border:1px solid var(--line-strong);width:max-content;max-width:220px;color:var(--ink);content:attr(data-tooltip);opacity:0;pointer-events:none;background:#151b16;border-radius:7px;padding:6px 8px;font-size:10px;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px);box-shadow:0 8px 24px #00000057}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.info-icon{width:28px;height:28px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.studio-shell{background:radial-gradient(circle at 57% 46%,#1d2c20 0%,#111712 42%,#0a0d0b 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}.app-toolbar{z-index:20;height:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);background:#0d120ecc;justify-content:space-between;align-items:center;padding:0 22px;display:flex;position:relative}.toolbar-brand,.toolbar-actions,.system-health,.toolbar-button,.icon-button{align-items:center;display:flex}.toolbar-brand{gap:10px}.brand-mark{color:#102015;background:var(--signal);border-radius:9px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.toolbar-brand div{gap:2px;display:grid}.toolbar-brand strong{letter-spacing:-.02em;font-size:13px}.toolbar-brand span:not(.brand-mark){color:var(--quiet);font-size:10px}.toolbar-actions{gap:6px}.system-health{color:var(--muted);gap:6px;margin-right:5px;font-size:11px}.system-health.healthy{color:var(--signal)}.system-health.attention{color:var(--warning)}.toolbar-button,.icon-button,.secondary-button{min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;transition:background .15s,color .15s,border-color .15s}.toolbar-button{gap:7px;padding:0 10px;font-size:12px}.icon-button{justify-content:center;width:36px;padding:0}.toolbar-button:hover,.icon-button:hover,.secondary-button:hover{border-color:var(--line);color:var(--ink);background:var(--surface-hover)}.command-button{border-color:var(--line)}.primary-toolbar-action{color:#102015;background:var(--signal);border-color:#8fe6a680}.primary-toolbar-action:hover{border-color:var(--signal-strong);color:#102015;background:var(--signal-strong)}kbd{color:var(--quiet);font:10px var(--mono)}.canvas-stage{height:calc(100dvh - var(--header));position:relative;overflow:hidden}.canvas-loading{height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.loading-orbit{border:1px solid #8fe6a640;border-top-color:var(--signal);border-radius:50%;width:32px;height:32px;margin-bottom:10px;animation:1s linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.constellation{background-image:radial-gradient(#ffffff0b .7px,#0000 .7px);background-size:26px 26px;width:100%;height:100%;position:relative;overflow:hidden}.access-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.access-lines path{fill:none;stroke:#b2d0b92e;stroke-width:.32px}.access-lines path.connected{stroke:var(--signal);stroke-dasharray:1.3 1}.agent-core,.workspace-station{position:absolute;transform:translate(-50%,-50%)}.agent-core{width:112px;height:112px;color:var(--signal);background:radial-gradient(circle,#2a4e32c2,#0e1610f2 70%);border:1px solid #8fe6a694;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 13px #8fe6a609}.agent-core:hover,.agent-core.selected{box-shadow:0 0 0 13px #8fe6a617,0 0 38px #8fe6a629}.agent-mark{font-size:30px;font-weight:800}.agent-caption{width:max-content;color:var(--muted);font-size:11px;position:absolute;top:calc(100% + 13px)}.workspace-station{border:1px solid var(--line);width:190px;min-height:64px;color:var(--ink);text-align:left;background:#141b16eb;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 16px 34px #0000003d}.workspace-station:hover,.workspace-station.selected{border-color:color-mix(in srgb,var(--provider-color),white 20%);background:#202a22;box-shadow:0 18px 42px #00000057}.station-copy{flex:1;gap:4px;min-width:0;display:grid}.station-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.station-copy small{color:var(--quiet);font-size:10px}.station-terminal{background:var(--warning);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f5c17b1a}.workspace-station.connected .station-terminal{background:var(--signal);box-shadow:0 0 0 3px #8fe6a61a}.constellation-list{display:none;position:absolute;bottom:18px;left:18px}.constellation-list button{border:1px solid var(--line);width:230px;color:var(--ink);background:var(--surface-strong);text-align:left;justify-content:space-between;padding:10px;display:flex}.constellation-list span{color:var(--quiet);font-size:10px}.workspace-callout{z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#161d18eb;gap:11px;width:min(360px,100% - 32px);padding:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 70px #0000005c}.workspace-callout.attention{border-color:#f5c17b66}.workspace-callout h1{letter-spacing:-.045em;margin:0;font-size:24px}.workspace-callout p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.eyebrow{color:var(--quiet);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.primary-button{border:1px solid var(--signal);color:#102015;background:var(--signal);border-radius:9px;justify-content:center;align-items:center;width:max-content;min-height:40px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--signal-strong)}.secondary-button{width:max-content;padding:0 12px;font-size:12px}.canvas-caption{color:var(--quiet);font:9px var(--mono);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:22px}.caption-dot{background:var(--signal);border-radius:50%;width:6px;height:6px}.glass-panel,.inspector{background:var(--surface);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid #ffffff26;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff0f}.context-sheet,.inspector{top:calc(var(--header) + 14px);z-index:40;border-radius:var(--radius);width:min(420px,100vw - 28px);position:fixed;bottom:14px;right:14px;overflow:auto}.inspector{background:var(--surface-strong);padding:20px}.sheet-header,.inspector-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px;display:flex}.inspector-header{padding:0 0 16px}.sheet-header h2,.inspector h1{letter-spacing:-.045em;margin:5px 0;font-size:21px}.sheet-header p,.inspector-description{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;margin-left:auto;display:grid}.close:hover{color:var(--ink);background:var(--surface-hover)}.palette-search{border:1px solid var(--line);height:42px;color:var(--quiet);background:#00000026;border-radius:9px;align-items:center;gap:9px;margin:16px 18px 10px;padding:0 12px;display:flex}.palette-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.filter-row{gap:6px;padding:0 18px 13px;display:flex}.filter-row button{color:var(--quiet);background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:10px}.filter-row button.active,.filter-row button:hover{color:var(--ink);background:var(--surface-hover)}.provider-list,.palette-list{gap:4px;padding:0 12px 16px;display:grid}.provider-row,.palette-item{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:10px;display:flex}.provider-row:hover,.palette-item:hover{border-color:var(--line);background:var(--surface-hover)}.provider-copy,.palette-item span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.provider-copy strong,.palette-item strong{color:var(--ink);font-size:12px}.provider-copy small,.palette-item small{color:var(--quiet);font-size:10px}.provider-tags{gap:5px;display:flex}.provider-tags em{color:var(--quiet);font-size:9px;font-style:normal}.provider-check{color:var(--signal)}.empty-state{min-height:150px;color:var(--muted);text-align:center;place-items:center;gap:7px;padding:24px;display:grid}.empty-state strong{color:var(--ink);font-size:13px}.empty-state p{color:var(--quiet);margin:0;font-size:11px}.command-palette{z-index:50;border-radius:16px;width:min(560px,100vw - 32px);position:fixed;top:92px;left:50%;overflow:hidden;transform:translate(-50%)}.palette-backdrop{z-index:45;background:#00000057;position:fixed;inset:0}.palette-header{justify-content:space-between;gap:12px;padding:20px 20px 0;display:flex}.palette-header h2{margin:5px 0 0;font-size:19px}.command-palette footer{border-top:1px solid var(--line);color:var(--quiet);align-items:center;gap:7px;padding:11px 18px;font-size:10px;display:flex}.command-palette footer span{font-family:var(--mono);margin-left:auto}.capabilities,.station-badges{flex-wrap:wrap;gap:5px;display:flex}.capabilities{margin:14px 0}.capabilities span,.badge{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 7px;font-size:9px}.provider-glyph{width:32px;height:32px;color:var(--provider,var(--signal));background:#8fe6a61a;border-radius:9px;place-items:center;font-weight:700;display:grid}.connection-status-card,.setup-section{border:1px solid var(--line);background:#ffffff06;border-radius:11px;margin-top:18px;padding:14px}.status-indicator-row,.connection-item-info{align-items:center;gap:8px;display:flex}.status-indicator-row{color:var(--signal);font-size:12px}.status-dot{background:var(--signal);border-radius:50%;flex:none;width:7px;height:7px}.connections-list{gap:6px;margin:13px 0;display:grid}.connection-item{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.connection-item-text{gap:2px;min-width:0;display:grid}.connection-item-name{color:var(--ink);font-size:11px}.connection-item-id,.connection-item-meta{color:var(--quiet);font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delete-conn-btn{color:var(--danger);background:0 0;border:0}.secondary,.action-btn,.form-actions button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:0 0;border-radius:8px;padding:0 11px;font-size:11px}.add-connection-btn{width:100%}.credentials-form,.credentials-form label{gap:6px;display:grid}.credentials-form{gap:13px;margin-top:14px}.credentials-form label,.field-label{color:var(--muted);font-size:10px}.credentials-form input,.credentials-form select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#0000002e;border-radius:8px;padding:0 10px}.form-actions,.split-actions{gap:8px;display:flex}.split-actions>*{flex:1}.form-actions .primary{border-color:var(--signal);color:#102015;background:var(--signal)}.credentials-details{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:15px;font-size:10px}.details-content{gap:8px;margin-top:10px;display:grid}.details-content input{border:1px solid var(--line);width:100%;min-height:32px;color:var(--quiet);background:#00000024;border-radius:7px;padding:0 8px}.header-with-info{justify-content:space-between;align-items:center;display:flex}.header-with-info h2{margin:0;font-size:14px}.tooltip-text{display:none}.multiselect-container{gap:6px;display:grid;position:relative}.multiselect-trigger{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#0000002e;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.multiselect-dropdown{z-index:2;border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:8px;width:100%;padding:7px;display:grid;position:absolute;top:100%}.multiselect-option{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:6px;display:flex!important}.multiselect-backdrop{z-index:1;position:fixed;inset:0}.multiselect-dropdown{z-index:2}.agent-ready,.inline-error{background:#8fe6a60f;border:1px solid #8fe6a638;border-radius:10px;gap:11px;margin:18px;padding:13px;display:flex}.inline-error{background:#ff9e930f;border-color:#ff9e9342}.ready-mark{width:30px;height:30px;color:var(--signal);background:#8fe6a61f;border-radius:50%;place-items:center;display:grid}.agent-ready strong,.inline-error strong{color:var(--ink);font-size:12px}.agent-ready p,.inline-error p{color:var(--muted);margin:4px 0 0;font-size:11px}.mcp-setup{gap:12px;padding:0 18px 18px;display:grid}.client-list{gap:7px;display:grid}.client-row{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex}.client-row small{color:var(--muted);margin-top:2px;display:block}.mcp-actions{justify-content:flex-end;gap:8px;display:flex}.mcp-message{color:var(--muted);margin:0;font-size:12px}.command-preview{border:1px solid var(--line);color:var(--signal);font:10px var(--mono);white-space:pre-wrap;background:#0003;border-radius:8px;margin:0 18px 18px;padding:12px;overflow:auto}.detail-list{gap:8px;padding:16px;display:grid}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.detail-list span{color:var(--quiet);font-size:10px}.detail-list strong{color:var(--ink);font-size:11px}.status-notice{z-index:60;border:1px solid var(--line-strong);max-width:360px;color:var(--ink);background:#1a211cf2;border-radius:10px;align-items:center;gap:12px;padding:12px 13px 12px 15px;font-size:11px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 50px #0000006b}.status-notice .icon-button{width:24px;min-height:24px}@media (width<=760px){body{min-width:0}.app-toolbar{padding:0 12px}.toolbar-brand strong,.toolbar-button span,.toolbar-button kbd,.system-health{display:none}.workspace-station{width:160px;min-height:58px}.workspace-station:nth-of-type(n+4){display:none}.constellation-list{display:grid}.canvas-caption{display:none}.context-sheet,.inspector{top:calc(var(--header) + 8px);width:calc(100vw - 16px);bottom:8px;right:8px}.agent-core{left:27%!important}.workspace-callout{top:35%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.provider-mark.svelte-md73tq{border:1px solid color-mix(in srgb, var(--mark-color), white 12%);width:36px;height:36px;color:var(--mark-color);background:color-mix(in srgb, var(--mark-color), transparent 88%);border-radius:11px;place-items:center;display:grid}.provider-mark.svelte-md73tq svg{fill:currentColor;width:18px;height:18px}.provider-mark.dark-mark.svelte-md73tq{background:#ffffffe6;border-color:#fffffffa}.provider-mark.compact.svelte-md73tq{border-radius:7px;width:21px;height:21px}.provider-mark.compact.svelte-md73tq svg{width:12px;height:12px}