.dev-scope .dev-mcp{container:agent-setup/inline-size}.dev-scope .dev-mcp-client-select{display:none}.dev-scope .dev-mcp-clients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:48rem;margin-top:4px}.dev-scope .dev-mcp .dev-clientpick{flex-direction:row;justify-content:flex-start;min-width:0;gap:8px;padding:9px 10px;border-radius:12px;opacity:1;transform:none}.dev-scope .dev-mcp .dev-clientpick.is-active{background:var(--nj-pane-hi);border-color:var(--nj-mode-accent,#2f7df2);box-shadow:none}.dev-scope .dev-mcp .dev-clientpick>span:last-child{overflow:hidden;text-overflow:ellipsis}.dev-scope .dev-mcp .dev-client{flex-shrink:0}.dev-scope .dev-mcp-setup{max-width:48rem;min-width:0;padding:24px;border:1px solid var(--nj-line);border-radius:18px;background:var(--nj-pane-hi)}.dev-scope:not([data-sky-mode=dark]):not([data-sky-mode=dim]) .dev-mcp-setup{background:hsl(var(--foreground)/.03)}.dev-scope .dev-mcp .dev-step[data-state=pending]{padding-bottom:18px}.dev-scope .dev-mcp .dev-step[data-state=pending]:last-child{padding-bottom:0}.dev-scope .dev-mcp .dev-step[data-state=pending] .dev-step-title{color:var(--nj-muted);margin-bottom:0}.dev-scope .dev-mcp-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid var(--nj-line);border-radius:12px;background:var(--nj-pane)}.dev-scope .dev-mcp-prompt p{flex:1 1 240px;min-width:0;margin:0;color:var(--nj-ink);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.dev-scope .dev-mcp-prompt button{flex-shrink:0;min-height:36px}.dev-scope .dev-mcp-prompt-actions{display:flex;align-items:center;gap:8px}.dev-scope .dev-mcp-prompt form{flex:1 1 100%;min-width:0}.dev-scope .dev-mcp-prompt textarea{width:100%;resize:vertical;min-height:90px;line-height:1.65;font-size:13px}.dev-scope .dev-mcp-prompt form .dev-mcp-prompt-actions{margin-top:8px}.dev-scope .dev-mcp-prompt button:disabled{opacity:.45;cursor:default}.dev-scope .dev-mcp-saved-prompt{border-top:1px solid var(--nj-line);padding-top:16px;margin-top:20px}.dev-scope .dev-mcp-saved-prompt>summary{color:var(--nj-muted);font-size:12px;cursor:pointer}.dev-scope .dev-mcp-saved-prompt p{color:var(--nj-ink);font-size:13px;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}.dev-scope .dev-mcp-connection-details>summary{display:none}.dev-scope .dev-step[data-state=complete] .dev-mcp-connection-details>summary{display:list-item;width:fit-content;cursor:pointer;color:var(--nj-muted);font-size:12px}.dev-scope .dev-step[data-state=complete] .dev-mcp-connection-details[open]>div{margin-top:16px}.dev-scope .dev-mcp .dev-step-title:focus-visible{outline:2px solid var(--nj-mode-accent,#2f7df2);outline-offset:5px;border-radius:3px}.dev-scope .dev-mcp .dev-mcp-preview{max-width:68rem;margin-top:14px}.dev-scope .dev-mcp .mcp-client-preview{container:console-preview/inline-size;--mono:var(--dev-mono,ui-monospace,monospace)}.dev-scope .dev-mcp .mcp-client-preview>div,.dev-scope .dev-mcp .mcp-client-preview>section{box-shadow:none;border-radius:14px}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .mcp-preview-loading{background:var(--nj-pane-hi);color:var(--nj-muted)}.dev-scope .dev-mcp .dev-mcp-endpoint{min-height:44px;border-radius:10px;font-size:12px}.dev-scope .dev-mcp .dev-mcp-endpoint>span{white-space:normal;overflow-wrap:anywhere}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .cwd{--paper:#262624;--paper-2:#32322f;--ink:#eeeae3;--muted:#b6b2aa;--faint:#a3a098;--line:#41413c;--ok:#7fc6a1;color:var(--ink);border-color:var(--line)}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .cwd :is(.cwd-chrome,.cwd-side,.cwd-art,.cwd-tool,.cwd-new,.cwd-url){background:var(--paper-2);color:var(--ink)}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .cwd :is(.cwd-prose,.cwd-side-logo,.cwd-head-title,.cwd-tool-mark,.cwd-args,.cwd-art-meta b,.cwd-art-h span,.cwd-rec.on){color:var(--ink)}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .gpt-native{background:#212121;color:#ececec;border-color:#414141}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp :is(.gpt-sidebar,.gpt-output>div){background:#181818}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp :is(.gpt-sidebar .selected,.gpt-prompt,.gpt-output button[aria-pressed=true]){background:#303030;color:#ececec}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .gpt-conversation>p{color:#ececec!important}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp :is(.mcp-demo-composer--claude,.mcp-demo-composer--chatgpt){background:#30302e;color:#eeeae3;border-color:#50504b}.dev-scope:is([data-sky-mode=dark],[data-sky-mode=dim]) .dev-mcp .gpt-sidebar img{background:#fff;padding:3px;border-radius:6px}@container console-preview (max-width: 760px){.dev-scope .dev-mcp .cdd-body{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.dev-scope .dev-mcp .cdd-rail{display:none}.dev-scope .dev-mcp .cdd-agent{max-height:340px;border-right:0}.dev-scope .dev-mcp .cdd-preview{height:420px;border-top:1px solid var(--line)}.dev-scope .dev-mcp :is(.gpt-sidebar,.codex-sidebar,.cwd-side,.cwd-art,.vsd-explorer,.vsd-editor){display:none}.dev-scope .dev-mcp :is(.gpt-native,.cwd-shell,.cwd-shell:has(.cwd-art.open),.ccd-body){grid-template-columns:minmax(0,1fr)}.dev-scope .dev-mcp .codex-layout{display:flex;flex-direction:column}.dev-scope .dev-mcp .ccd-term{max-height:300px;overflow:auto;border-right:0}.dev-scope .dev-mcp .ccd-viewport{min-height:360px}.dev-scope .dev-mcp .vsd-workbench{grid-template-columns:42px minmax(0,1fr) minmax(180px,.9fr)}.dev-scope .dev-mcp .vsd-split-ed{grid-template-columns:minmax(0,1fr)}}@container console-preview (max-width: 520px){.dev-scope .dev-mcp .vsd-workbench{grid-template-columns:minmax(0,1fr)}.dev-scope .dev-mcp .vsd-activity{display:none}.dev-scope .dev-mcp .gpt-conversation{padding-inline:16px}.dev-scope .dev-mcp .mcp-demo-composer--chatgpt{margin-inline:16px}}.dev-scope .dev-mcp-preview>summary{width:fit-content;padding:6px 0;color:var(--nj-muted);font-size:12px;cursor:pointer}.dev-scope .dev-mcp-preview>summary:focus-visible{outline:2px solid var(--nj-mode-accent,#2f7df2);outline-offset:4px;border-radius:4px}.dev-scope .dev-mcp-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--nj-line);margin-top:18px;padding-top:14px;font-size:12px;font-weight:500}.dev-scope .dev-mcp-status-message{display:flex;flex:1;min-width:150px;align-items:center;gap:8px;flex-wrap:wrap}.dev-scope .dev-mcp-status>button:disabled{opacity:.45;cursor:default}.dev-scope .dev-mcp-troubleshoot{flex-basis:100%;color:var(--nj-muted);font-size:12px}.dev-scope .dev-mcp-troubleshoot>summary{cursor:pointer;width:fit-content;padding:4px 0}.dev-scope .dev-mcp-troubleshoot p{margin:8px 0 0;line-height:1.6}.dev-scope .dev-mcp-idle{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--nj-muted)}.dev-scope .dev-mcp .dev-code{min-width:0;max-width:100%}.dev-scope .dev-mcp-instructions{display:flex;flex-direction:column;gap:18px;padding:0;margin:0;list-style:none}.dev-scope .dev-mcp-instructions li{min-width:0}.dev-scope .dev-mcp-instructions h5{color:var(--nj-ink);font-size:12.5px;font-weight:600;margin:0 0 4px}.dev-scope .dev-mcp-instructions p{color:var(--nj-muted);font-size:12px;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.dev-scope .dev-mcp-manual>summary{cursor:pointer;color:var(--nj-muted);font-size:12px;padding:6px 0}.dev-scope .dev-mcp-manual[open]>summary{margin-bottom:12px}.dev-scope .dev-mcp .dev-step:not(:first-child):not(:last-child){padding-bottom:26px}@media (max-width:640px){.dev-scope .dev-mcp-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-scope .dev-mcp-setup{padding:18px 14px}.dev-scope .dev-mcp .dev-step{padding-left:36px}.dev-scope .dev-mcp .dev-button{min-height:40px}}@container agent-setup (max-width: 620px){.dev-scope .dev-mcp-clients{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dev-scope .dev-agent-header{padding-top:20px;padding-bottom:16px}.dev-scope .dev-agent-header .dev-balance,.dev-scope .dev-agent-header>div>div{max-width:100%}.dev-scope .dev-agent-header .dev-balance-label{white-space:normal}.dev-scope .dev-mcp-clients{display:none}.dev-scope .dev-mcp-client-select{display:flex;align-items:center;position:relative;height:48px;gap:10px;border:1px solid var(--nj-line);border-radius:12px;background:var(--nj-pane-hi);padding:0 14px}.dev-scope .dev-mcp-client-select>.dev-client{pointer-events:none}.dev-scope .dev-mcp-client-select>svg{margin-left:auto;pointer-events:none;color:var(--nj-muted)}.dev-scope .dev-mcp-client-select select{position:absolute;inset:0;appearance:none;width:100%;border:0;border-radius:inherit;background:transparent;color:var(--nj-ink);padding:0 42px 0 52px;font-size:14px;font-weight:600;cursor:pointer}.dev-scope .dev-mcp-client-select select:focus-visible{outline:2px solid var(--nj-mode-accent,#2f7df2);outline-offset:3px}.dev-scope .dev-mcp-client-select option{background:var(--nj-pane-hi);color:var(--nj-ink)}}