.connect-wizard{--connect-accent:var(--action-bg);--connect-soft:var(--orange-soft)}.connect-codex{--connect-accent:#187457;--connect-soft:#edf7f1}.connect-openclaw{--connect-accent:#7050a0;--connect-soft:#f4effb}:root[data-theme=dark] .connect-codex{--connect-accent:#6ec3a0;--connect-soft:#1a3028}:root[data-theme=dark] .connect-openclaw{--connect-accent:#c0a5e9;--connect-soft:#2a2334}.connect-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.connect-heading-mark{border:1px solid var(--line);width:66px;height:66px;color:var(--connect-accent);background:var(--connect-soft);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.connect-wizard .tool-tabs{gap:8px;margin-bottom:24px;padding-bottom:0}.connect-wizard .tool-tabs button{border:0;border-bottom:3px solid #0000;border-radius:9px 9px 0 0;min-width:156px;padding:16px 22px}.connect-wizard .tool-tabs button[aria-selected=true]{border-color:var(--connect-accent);background:var(--connect-soft);color:var(--connect-accent)}.connect-flow{gap:20px;display:grid}.connect-combo{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:22px 24px;display:grid}.connect-key-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--connect-accent);background:var(--connect-soft);border-radius:12px;place-items:center;display:grid}.connect-combo>label{gap:6px;min-width:0;margin:0}.connect-combo>label>span{color:var(--muted);letter-spacing:.09em;font-size:.625rem;font-weight:650}.connect-combo select{background-color:#0000;border:0;width:100%;min-height:32px;padding:3px 25px 3px 0;font-size:1rem;font-weight:600}.connect-combo-meta{gap:5px;padding-right:4px;font-size:.75rem;display:grid}.connect-combo-meta>span{color:var(--green);align-items:center;gap:6px;font-weight:550;display:flex}.connect-combo-meta i{background:var(--green);border-radius:50%;width:6px;height:6px}.connect-combo-meta code,.connect-combo-meta small{color:var(--muted);font-size:.6875rem}.connect-card{min-width:0;padding:24px}.connect-card-title{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.connect-step-index{background:var(--connect-soft);width:34px;height:34px;color:var(--connect-accent);border:1px solid color-mix(in srgb,var(--connect-accent) 18%,var(--line));border-radius:10px;flex-shrink:0;place-items:center;font:500 .75rem/1 ui-monospace,monospace;display:grid}.connect-card-title>div{min-width:0}.connect-card-title h2{align-items:center;gap:9px;margin:0 0 5px;font-size:1rem;font-weight:650;line-height:1.7;display:flex}.connect-card-title h2>svg{color:var(--connect-accent);flex-shrink:0}.connect-card-title p{margin:0;font-size:.8125rem;line-height:1.8}.connect-install-rows{gap:12px;display:grid}.connect-install-rows>div{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;display:grid}.platform-tag{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.75rem;display:flex}.platform-tag.windows{color:#4d8ac4}.connect-wizard .tool-command{box-shadow:none;background:#222620;border:1px solid #353a31;margin:0}.connect-wizard .tool-command pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e4e6d5;max-height:380px;padding:18px 20px;font-size:.75rem;line-height:1.85}.connect-wizard .tool-command .codebar{border-bottom:1px solid #ffffff14;gap:10px;padding:9px 16px}.connect-wizard .tool-command .codebar>span{color:#c0c6b8;font-size:.6875rem}.connect-wizard .tool-command button{color:#d8dfd0;border-radius:5px;justify-content:center;align-items:center;gap:8px;font-size:.75rem;display:flex}.connect-wizard .tool-command button:focus-visible{outline-offset:-1px;outline:2px solid #edb491}.connect-wizard .inline-command{border-radius:8px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;display:grid}.connect-wizard .inline-command pre{max-height:none;padding:12px 14px;font-size:.75rem;line-height:1.7}.connect-wizard .inline-command>button{width:36px;min-height:36px;padding:7px}.connect-wizard .inline-command>button span{display:none}.connect-wizard .inline-command>p{color:#ffbbac;grid-column:1/-1;padding:10px;font-size:.75rem}.connect-os{border:0;min-width:0;margin:0 0 26px;padding:0}.connect-os legend{color:var(--muted);margin-bottom:11px;font-size:.75rem;font-weight:550}.connect-os>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.connect-os button{border:1px solid var(--line);min-height:48px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 35px;font-size:.875rem;display:flex;position:relative}.connect-os button[aria-pressed=true]{color:var(--connect-accent);background:var(--connect-soft);border-color:var(--connect-accent);font-weight:600}.connect-os button>svg:last-child:not(:first-child){position:absolute;right:14px}.mapping-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:.8125rem;display:flex}.mapping-caption>span{align-items:center;gap:8px;font-weight:550;display:flex}.mapping-caption small{color:var(--muted);font-size:.6875rem}.mapping-rows{gap:12px;display:grid}.mapping-row{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;display:grid}.mapping-role{justify-items:start;gap:7px;display:grid}.mapping-role label{flex-flow:wrap;align-items:baseline;gap:5px;margin:0;display:flex}.mapping-role strong{font-size:.875rem;font-weight:600}.mapping-role small{color:var(--muted);font-size:.6875rem}.mapping-role small>span{color:var(--accent-text)}.preset-choice{border:1px solid var(--line);min-height:29px;color:var(--muted);border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:.625rem;display:flex}.preset-choice[aria-pressed=true]{color:var(--connect-accent);border-color:color-mix(in srgb,var(--connect-accent) 35%,var(--line));background:var(--connect-soft)}.mapping-model-control{border:1px solid var(--line);background:var(--soft);border-radius:9px;min-width:0;position:relative}.mapping-model-control:focus-within{outline:2px solid var(--connect-accent);outline-offset:2px}.mapping-row.active .mapping-model-control{border-color:color-mix(in srgb,var(--connect-accent) 45%,var(--line))}.mapping-model-control>select{opacity:0;cursor:pointer;z-index:2;width:100%;min-width:0;height:100%;position:absolute;inset:0}.mapping-model-control>select:disabled{cursor:not-allowed}.mapping-model-display{pointer-events:none;align-items:center;gap:18px;min-height:68px;padding:12px 14px;display:flex}.mapping-model-name{flex:1;min-width:0}.mapping-model-name>span{overflow-wrap:anywhere;font-size:.8125rem;font-weight:550;line-height:1.6;display:block}.mapping-model-name>div{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.mapping-model-name code{color:var(--muted);overflow-wrap:anywhere;font-size:.6875rem}.mapping-provider{border:1px solid var(--line);color:var(--connect-accent);background:var(--surface);border-radius:4px;padding:3px 6px;font-size:.5625rem;font-weight:650;line-height:1.4}.mapping-prices{flex-shrink:0;align-items:center;gap:12px;display:flex}.mapping-prices span{color:var(--muted);white-space:nowrap;font-size:.6875rem}.mapping-prices b{color:var(--text);margin-left:4px;font-weight:550}.mapping-prices span+span{border-left:1px solid var(--line);padding-left:12px}.mapping-model-display>svg{color:var(--muted);flex-shrink:0}.connect-hint{color:var(--muted);margin:16px 0 0;font-size:.75rem;line-height:1.9}.connect-hint strong{color:var(--text);font-weight:600}.connect-wizard .generate-setup{background:var(--connect-accent);width:100%;min-height:48px;box-shadow:none;gap:9px;margin-top:22px;font-size:.875rem}:root[data-theme=dark] .connect-codex .generate-setup,:root[data-theme=dark] .connect-openclaw .generate-setup{color:#15231b}.connect-result.ready{border-color:color-mix(in srgb,var(--connect-accent) 35%,var(--line))}.connect-result-placeholder{border:1px dashed var(--line);background:var(--soft);color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:14px;padding:27px 18px;font-size:.8125rem;line-height:1.8;display:flex}.connect-result-placeholder>svg{color:var(--connect-accent);flex-shrink:0}.connect-result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.connect-result-actions>span{color:var(--muted);align-items:center;gap:7px;font-size:.6875rem;display:flex}.connect-result-actions .text-link{color:var(--connect-accent);font-size:.75rem}.connect-script-preview{border-top:1px solid var(--line);margin-top:20px}.connect-script-preview summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:.75rem;list-style:none;display:flex}.connect-script-preview summary::-webkit-details-marker{display:none}.connect-script-preview[open] summary>svg{transform:rotate(180deg)}.connect-wizard .connect-script-preview pre{white-space:pre;overflow-wrap:normal}.connect-expiry{color:var(--muted);margin:8px 0 0;font-size:.6875rem;line-height:1.9}.connect-guide h2{align-items:center;gap:9px;margin:0 0 14px;font-size:.9375rem;display:flex}.connect-guide h2>svg{color:var(--connect-accent)}.connect-guide ol{color:var(--muted);gap:9px;margin:0;padding-left:21px;font-size:.8125rem;line-height:1.8;list-style:decimal;display:grid}.connect-guide a{color:var(--connect-accent);text-underline-offset:3px;text-decoration:underline}.connect-guide>p{color:var(--muted);border-top:1px solid var(--line);margin:19px 0 0;padding-top:16px;font-size:.75rem;line-height:1.9}.connect-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;display:flex}.connect-footer>span{letter-spacing:.05em;color:var(--muted);gap:6px;min-width:0;font-size:.625rem;display:grid}.connect-footer code{letter-spacing:0;color:var(--text);overflow-wrap:anywhere;font-size:.75rem}.connect-footer .text-link{color:var(--connect-accent);font-size:.8125rem}.openclaw-connect-options{grid-template-columns:180px 1fr;align-items:center;gap:22px;margin:18px 0 0;display:grid}.openclaw-connect-options label{margin:0;font-size:.75rem}.openclaw-connect-options input{width:100%;font-size:.875rem}.openclaw-connect-options p{font-size:.75rem;line-height:1.9}.connect-spinner{animation:.8s linear infinite connect-spin}@keyframes connect-spin{to{transform:rotate(360deg)}}@media (max-width:1150px){.connect-combo{grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:20px}.connect-combo-meta{flex-wrap:wrap;grid-column:2;gap:12px;display:flex}.connect-combo>.btn{grid-area:1/3/3}.connect-key-icon{grid-row:1/3}.mapping-model-display{gap:12px}.mapping-prices{gap:5px;display:grid}.mapping-prices span+span{border:0;padding:0}}@media (max-width:760px){.connect-heading-mark{display:none}.connect-wizard .tool-tabs{gap:5px}.connect-wizard .tool-tabs button{flex:1;gap:6px;min-width:0;padding:13px 7px;font-size:.75rem}.connect-flow{gap:16px}.connect-combo{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 16px}.connect-key-icon{border-radius:9px;grid-row:1;width:34px;height:34px}.connect-combo select{font-size:.875rem}.connect-combo-meta{grid-column:1/-1;gap:9px 14px;padding:0}.connect-combo>.btn{grid-area:auto/1/auto/-1;justify-content:center;width:100%;margin-top:3px}.connect-card{padding:19px 16px}.connect-card-title{gap:11px;margin-bottom:19px}.connect-step-index{border-radius:8px;width:29px;height:29px;font-size:.6875rem}.connect-card-title h2{align-items:flex-start;gap:7px;font-size:.875rem;line-height:1.75}.connect-card-title h2>svg{width:16px;margin-top:3px}.connect-card-title p{font-size:.75rem}.connect-install-rows{gap:15px}.connect-install-rows>div{grid-template-columns:minmax(0,1fr);gap:8px}.platform-tag{font-size:.6875rem}.connect-wizard .inline-command pre{padding:11px;font-size:.6875rem}.connect-os>div{gap:9px}.connect-os button{gap:6px;min-height:46px;padding:9px 25px 9px 11px;font-size:.75rem}.connect-os button>svg{width:15px}.connect-os button>svg:last-child:not(:first-child){width:13px;right:9px}.mapping-caption{gap:7px}.mapping-caption>span{font-size:.75rem}.mapping-caption small{font-size:.625rem}.mapping-rows{gap:17px}.mapping-row{grid-template-columns:minmax(0,1fr);gap:8px}.mapping-role{justify-content:space-between;align-items:center;gap:10px;display:flex}.mapping-model-display{flex-wrap:wrap;gap:8px;padding:11px 32px 11px 12px;position:relative}.mapping-model-name{flex-basis:100%}.mapping-model-name>span{font-size:.8125rem}.mapping-model-name>div{margin-top:4px}.mapping-model-display>svg{width:14px;position:absolute;top:19px;right:10px}.mapping-prices{gap:12px;margin-top:3px;display:flex}.mapping-prices span{font-size:.625rem}.mapping-prices span+span{border-left:1px solid var(--line);padding-left:12px}.connect-hint{margin-top:17px;font-size:.6875rem}.connect-wizard .generate-setup{margin-top:20px;font-size:.8125rem}.connect-wizard .setup-command pre{padding:14px 12px;font-size:.6875rem}.connect-wizard .tool-command .codebar{padding:8px 10px}.connect-wizard .tool-command .codebar>span{font-size:.5625rem}.connect-wizard .tool-command .codebar>button{gap:6px;padding:6px;font-size:.625rem}.connect-result-placeholder{align-items:flex-start;padding:22px 13px;font-size:.75rem}.connect-result-actions{gap:12px}.connect-guide ol{gap:11px;font-size:.75rem}.connect-footer{gap:15px}.openclaw-connect-options{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion:reduce){.connect-spinner{animation:none}}.api-docs .page-heading{margin-bottom:28px}.api-doc-actions{flex-wrap:wrap;gap:12px;margin-top:23px;display:flex}.api-docs .docs-grid{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:40px}.api-docs .docs-content{min-width:0}.api-docs .docs-content>section{border-bottom:1px solid var(--line);margin:0 0 34px;padding:0 0 36px;scroll-margin-top:28px}.api-docs .docs-content h2{letter-spacing:-.03em;margin:0 0 17px;font-size:1.4rem}.api-docs .docs-content p{margin:15px 0;font-size:.875rem;line-height:1.95}.api-docs .docs-content p>a,.api-docs .toc-tip>a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.api-docs p code{overflow-wrap:anywhere;font-size:.8125rem}.api-doc-checklist{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.api-doc-checklist>a{background:var(--soft);gap:9px;padding:20px;display:grid}.api-doc-checklist svg{color:var(--accent-text)}.api-doc-checklist b{font-size:.9375rem}.api-doc-checklist span{color:var(--muted);font-size:.8125rem;line-height:1.8}.api-docs .api-doc-code{min-width:0;margin:17px 0}.api-docs .api-doc-code .codebar{justify-content:space-between;gap:12px;padding:9px 14px}.api-docs .api-doc-code .codebar>span{color:#c4cbbd;font-size:.6875rem}.api-docs .api-doc-code button{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:auto;min-width:90px;font-size:.6875rem;display:flex}.api-docs .api-doc-code pre{white-space:pre;max-height:560px;padding:18px;font-size:.75rem;line-height:1.9;overflow:auto}.api-docs .api-doc-code>p{color:#ffc3a5;padding:0 16px 12px}.api-doc-tabs{flex-wrap:wrap;gap:7px;margin:17px 0 0;display:flex}.api-doc-tabs button{border:1px solid var(--line);color:var(--muted);border-radius:7px;min-height:40px;padding:10px 13px;font-size:.75rem;line-height:1.5}.api-doc-tabs button[aria-pressed=true]{background:var(--orange-soft);border-color:var(--accent-text);color:var(--accent-text);font-weight:600}.api-doc-languages{margin-top:12px}.api-docs .api-doc-note{border-left:3px solid var(--line);background:var(--soft);padding:12px 15px;font-size:.8125rem}.api-doc-model{max-width:100%;margin-top:21px;font-size:.8125rem}.api-doc-model select{width:100%;max-width:100%;font-size:.8125rem}.api-doc-tool-links{gap:10px;margin:20px 0;display:grid}.api-doc-tool-links>a{border:1px solid var(--line);border-radius:9px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;font-size:.875rem;font-weight:600;display:grid}.api-doc-tool-links span{color:var(--muted);font-size:.75rem;font-weight:400}.api-doc-tool-links svg{color:var(--accent-text)}.api-docs .table-wrap{max-width:100%;margin:18px 0}.api-docs td,.api-docs th{white-space:normal;vertical-align:top;padding:15px;font-size:.75rem;line-height:1.9}.api-docs td code{font-size:.6875rem}.api-docs .toc-tip{margin-top:23px}.api-docs .toc-tip>a{align-items:center;gap:7px;font-size:.75rem;display:flex}@media (max-width:1100px){.api-docs .docs-grid{grid-template-columns:minmax(0,1fr)}.api-docs .docs-toc{display:none}}@media (max-width:760px){.api-doc-actions>.btn{flex:1;gap:8px;padding:12px;font-size:.75rem}.api-docs .docs-content h2{font-size:1.2rem;line-height:1.6}.api-docs .docs-content p{font-size:.8125rem}.api-doc-checklist{grid-template-columns:1fr}.api-doc-checklist>a{padding:17px}.api-doc-tabs{gap:6px}.api-doc-tabs button{padding:8px 10px;font-size:.6875rem}.api-docs .api-doc-code .codebar{padding:8px 10px}.api-docs .api-doc-code pre{padding:13px;font-size:.6875rem}.api-doc-tool-links>a{grid-template-columns:1fr auto;gap:8px;padding:15px}.api-doc-tool-links span{grid-area:2/1;font-size:.6875rem}.api-doc-tool-links svg{grid-area:1/2/3}.api-docs td,.api-docs th{min-width:100px;padding:12px}}
