:root{color-scheme:dark;--bg:#08090a;--fg:#f3f2ee;--muted:#b4c0af;--accent:#c8d2c2;--line:#ffffff24;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#c8d2c2;color:#10200b}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.vg-icon{width:20px;height:20px;flex:0 0 20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-80px;left:20px;z-index:1200;padding:12px 18px;background:var(--accent);color:#10200b;border-radius:8px}.skip:focus{top:12px}.guide-header{position:fixed;inset:0 0 auto;z-index:40;min-height:82px;padding:16px clamp(24px,3.4vw,56px);display:flex;align-items:center;gap:22px;background:#08090af2;border-bottom:1px solid #ffffff13;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;font-size:27px;line-height:1;letter-spacing:-1.4px;font-weight:500;white-space:nowrap}.brand img{margin-right:10px}.brand strong{font-weight:800}.header-divider{width:1px;height:24px;background:var(--line)}.guide-label{font-size:13px;color:#b1beaa}.guide-header nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:14px;color:#c3cebd}.guide-header nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px}.guide-header nav a:hover,.manual-shortcut:hover{color:#fff}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:500;color:#c1d0b8;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.2vw,76px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin-bottom:28px}h1 span,h2 span{color:#aab9a1}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-2px;font-weight:500}h3{font-weight:500;letter-spacing:-.5px;line-height:1.25}.guide-hero{padding-top:160px;padding-bottom:92px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.hero-copy .lead{max-width:550px;color:#bec9b8;font-size:18px;line-height:1.75}.supported-tools{display:flex;flex-wrap:wrap;gap:14px 22px;margin:28px 0;color:#d9e2d4}.supported-tools>span{display:inline-flex;align-items:center;gap:9px;font-size:14px;min-height:32px}.codex-logo{filter:brightness(0) invert(1)}.manual-shortcut{display:inline-flex;gap:12px;align-items:center;color:#b6c3af;font-size:14px;min-height:44px}.connect-download{padding:30px;border:1px solid #c8d2c242;border-radius:20px;background:linear-gradient(140deg,#25301f,#11170f);box-shadow:0 20px 60px #0003}.download-heading{display:flex;align-items:center;gap:16px;margin-bottom:30px}.download-heading h2{font-size:25px;letter-spacing:-.8px;margin:0 0 4px}.download-heading p{font-size:14px;color:#c1cfb8;margin:0}.download-os-label{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;margin-bottom:14px}select,input{color:var(--fg);background:#0b1009;border:1px solid #ffffff35;border-radius:9px;min-height:46px;padding:11px 13px;font-size:15px;min-width:0}.download-os-label select{min-width:148px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;border:1px solid #ffffff35;background:#192116;padding:13px 20px;border-radius:10px;color:#eff3eb;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#2a3724}.button.primary{width:100%;background:#d3ddcc;border-color:#d3ddcc;color:#15220d;font-size:15px}.button.primary:hover{background:#e2e9dc}.download-instruction{font-size:14px;line-height:1.65;color:#d1ddc8;margin:15px 0 26px}.download-notice{font-size:14px;line-height:1.65;padding:13px;background:#ffffff08;border:1px solid var(--line);border-radius:9px;color:#d0dfc5}.download-notice.preview{color:#e5d7b9;border-color:#e5d7b942;background:#e5d7b908}.download-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #ffffff22;font-size:12px;color:#bdcbb4}.download-foot a{text-decoration:underline;text-underline-offset:4px}.walkthrough{padding:74px 0 96px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading h2{margin:0}.section-heading>p{max-width:340px;color:#b8c5b0;font-size:16px;line-height:1.75;margin:0 0 4px}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.step-card{padding:26px 26px 0;border:1px solid #c8d2c22e;border-radius:18px;background:linear-gradient(150deg,#151b13,#0f130e);overflow:hidden;min-width:0}.step-copy{display:flex;align-items:flex-start;gap:16px;min-height:194px}.step-number{font-size:14px;color:#c1d5b5;min-width:37px;height:37px;display:grid;place-items:center;border:1px solid #c8d2c245;border-radius:50%;margin-top:2px}.step-copy h3{font-size:23px;margin:0 0 14px}.step-copy p{color:#bac9b2;font-size:15px;line-height:1.75}.step-copy strong{font-weight:500;color:#e5eddf}.screenshot{display:block;width:100%;background:#070a06;border:1px solid #ffffff2b;border-radius:12px;padding:0;overflow:hidden;text-align:left}.screenshot img{display:block;width:100%;height:auto}.screenshot>span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;color:#cbdcc1;font-size:13px;background:#172013}.screenshot:hover{border-color:#c8d2c270}.step-card .screenshot{margin-bottom:26px}.capture-note{margin:18px 0 26px;font-size:13px;color:#aabb9f;line-height:1.7}.after-connect{display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:#c8d2c208;border:1px solid #c8d2c229;border-radius:13px}.after-connect>.vg-icon{color:#c7dabc;margin-top:3px}.after-connect p{font-size:14px;color:#c0ceb6;margin:0;line-height:1.8}.after-connect strong{color:#e3ecdd;font-weight:500}.account-section{padding:0 0 100px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}.account-section p:not(.eyebrow){color:#bac9b1;font-size:16px;line-height:1.8}.compact-shot{max-width:590px;margin-left:auto}.manual-section{padding-bottom:80px}.manual-guide{border:1px solid #ffffff2c;background:#10150e;border-radius:18px;overflow:hidden}.manual-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;cursor:pointer;list-style:none}.manual-guide>summary::-webkit-details-marker{display:none}.manual-guide>summary p{color:#b7c6ad;font-size:14px;margin:8px 0 0}.manual-guide>summary .eyebrow{font-size:12px;margin:0 0 15px}.manual-guide>summary h2{font-size:30px;letter-spacing:-1px;margin:0}.manual-guide[open]>summary>.vg-icon{transform:rotate(45deg)}.manual-body{padding:0 32px 32px;border-top:1px solid #ffffff1c}.manual-intro{font-size:15px;line-height:1.8;color:#bdceb2;margin:26px 0}.manual-tools{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0 0 24px}.manual-tools legend{font-size:14px;margin-bottom:10px}.manual-tools label{display:flex;align-items:center;gap:10px;border:1px solid #ffffff29;border-radius:10px;padding:12px 16px;cursor:pointer;font-size:14px}.manual-tools label:has(input:checked){border-color:#c8d2c27d;background:#c8d2c210}.manual-tools input{min-height:auto;accent-color:#c8d2c2}.manual-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.manual-input-grid label{font-size:14px}.manual-input-grid select{display:block;width:100%;margin-top:8px}.field-label{display:block;font-size:14px;margin:20px 0 9px}.manual-key-row{display:flex;gap:10px}.manual-body input[type=password],.manual-body input[type=text],#manual-model,#manual-catalog-path{display:block;width:100%;min-width:0}.manual-key-row button,.code-head button{background:#222f1d;color:#e2eddc;border:1px solid #c8d2c242;border-radius:8px;padding:10px 14px;min-height:44px;font-size:13px}.field-help{font-size:13px;line-height:1.75;color:#aabb9f;margin:10px 0 18px;overflow-wrap:anywhere}.manual-notice{padding:16px;border:1px solid #c8d2c22e;border-radius:10px;background:#c8d2c207;font-size:14px;line-height:1.8;color:#c7d7bd}.manual-state{font-size:14px;color:#c5d8b8;margin:24px 0 14px}.manual-state.is-error{color:#ebc3b0}.manual-code{border:1px solid #ffffff28;border-radius:12px;overflow:hidden;background:#070b06}.code-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#ffffff05;border-bottom:1px solid #ffffff19;color:#bccdb2;font-size:13px}.manual-code pre{margin:0;padding:20px;max-height:480px;overflow:auto;font-size:13px;line-height:1.8;tab-size:2}.manual-code code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce8d4}.manual-code:has(code:empty) pre{padding-block:0}.manual-body button:disabled{opacity:.4;cursor:not-allowed}.manual-body button:hover:not(:disabled){background:#35452c}.editor-help{margin-top:24px;border-top:1px solid #ffffff22;padding-top:18px}.editor-help summary{min-height:44px;font-size:15px;cursor:pointer}.editor-help p{font-size:14px;line-height:1.8;color:#bfcfb4}.editor-help code,.faq-list code{overflow-wrap:anywhere;font-size:13px;background:#ffffff0a;padding:3px 5px;border-radius:4px}.official-references{font-size:13px;color:#adbfA3;margin:24px 0 0}.official-references a{text-decoration:underline;text-underline-offset:4px}.faq-section{padding-bottom:80px}.faq-list{border-top:1px solid #ffffff25}.faq-list details{border-bottom:1px solid #ffffff22;padding:0 4px}.faq-list summary{font-size:17px;line-height:1.6;padding:22px 30px 22px 0;cursor:pointer;color:#e3eadd}.faq-list p{max-width:940px;font-size:15px;line-height:1.85;color:#b9cbb0;margin-bottom:24px}.faq-list a{text-decoration:underline;text-underline-offset:4px}.support-section{padding:30px 32px;border:1px solid #c8d2c230;border-radius:16px;background:#131c0f;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:70px}.support-section h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.support-section p{font-size:15px;color:#bacdb0;margin:0}.support-section .button{white-space:nowrap}.guide-footer{padding:28px 0 112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff1f}.guide-footer p,.guide-footer>span{font-size:12px;line-height:1.7;color:#a6b99c;margin:0}#image-viewer{width:min(1320px,calc(100% - 32px));max-height:calc(100dvh - 28px);padding:18px;border:1px solid #c8d2c25a;border-radius:16px;color:#f3f2ee;background:#11180e}#image-viewer::backdrop{background:#020502e8;backdrop-filter:blur(7px)}.image-viewer-head{display:flex;gap:18px;align-items:center;margin-bottom:16px}.image-viewer-head h2{font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:0;flex:1}.image-viewer-head a{font-size:13px;text-decoration:underline;white-space:nowrap}.image-viewer-head button{min-height:44px;padding:10px 16px;background:#26341e;color:#e5efdf;border:1px solid #c8d2c24d;border-radius:9px}#image-full{display:block;max-width:100%;max-height:calc(100dvh - 130px);width:auto;height:auto;margin:auto}@media(max-width:1050px){.guide-header{gap:16px;padding-inline:28px}.guide-header nav{gap:18px;font-size:13px}.guide-hero{gap:38px;grid-template-columns:1.05fr .95fr}.connect-download{padding:25px}.wrap{width:calc(100% - 64px)}.guide-label{display:none}.account-section{gap:40px}.step-copy{min-height:238px}.step-card{padding:22px 22px 0}.step-copy h3{font-size:21px}}@media(max-width:767px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.guide-header{min-height:72px;padding:12px 20px;gap:12px}.guide-header .brand{font-size:25px}.header-divider{display:none}.guide-header nav{gap:0}.guide-header nav>a:not(.back-link){display:none}.guide-header .back-link{font-size:13px;gap:7px}.guide-hero{padding-top:119px;padding-bottom:50px;grid-template-columns:1fr;gap:32px}.eyebrow{font-size:12px;letter-spacing:1.2px}h1{font-size:52px;letter-spacing:-2.8px;margin-bottom:22px}.hero-copy .lead{font-size:16px;line-height:1.8}.supported-tools{gap:10px 18px;margin:22px 0 16px}.supported-tools>span{font-size:13px}.manual-shortcut{font-size:13px}.connect-download{padding:25px}.download-heading h2{font-size:25px}.download-foot{font-size:12px}.walkthrough{padding:50px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:38px;letter-spacing:-1.8px}.section-heading>p{max-width:100%;font-size:15px;margin-top:20px}.steps-grid{grid-template-columns:1fr;gap:22px}.step-card{padding:23px 19px 0}.step-copy{min-height:0;padding-bottom:20px;gap:13px}.step-copy h3{font-size:22px}.step-copy p{font-size:14px;margin:0}.step-number{min-width:33px;height:33px;font-size:13px}.step-card .screenshot{margin-bottom:20px}.screenshot>span{font-size:12px;padding:11px 12px}.capture-note{font-size:12px;line-height:1.8}.after-connect{padding:18px;gap:12px}.after-connect p{font-size:14px}.account-section{padding-bottom:50px;grid-template-columns:1fr;gap:24px}.account-section h2{font-size:36px;letter-spacing:-1.6px}.account-section p:not(.eyebrow){font-size:15px}.compact-shot{margin:0;max-width:100%}.manual-section{padding-bottom:50px}.manual-guide>summary{padding:23px 20px;gap:14px}.manual-guide>summary .eyebrow{font-size:11px;letter-spacing:1px}.manual-guide>summary h2{font-size:25px}.manual-body{padding:0 20px 24px}.manual-tools{display:grid;grid-template-columns:1fr;gap:10px}.manual-tools label{font-size:14px}.manual-input-grid{grid-template-columns:1fr;gap:16px}.manual-key-row{gap:8px}.manual-body input,select{font-size:16px}.manual-key-row button{padding-inline:11px}.code-head{flex-wrap:wrap;gap:10px;padding:12px}.manual-code pre{padding:16px;font-size:12px}.faq-section{padding-bottom:50px}.faq-list summary{font-size:16px;padding-block:20px}.faq-list p{font-size:14px}.support-section{padding:24px;display:block;margin-bottom:45px}.support-section h2{font-size:27px}.support-section p{font-size:14px;line-height:1.8}.support-section .button{margin-top:22px;width:100%}.guide-footer{flex-wrap:wrap;gap:16px;padding:26px 0 125px}.guide-footer .brand{font-size:24px}.guide-footer p{max-width:220px}.image-viewer-head{gap:9px;flex-wrap:wrap}.image-viewer-head h2{flex-basis:100%;font-size:14px}#image-viewer{padding:12px}#image-full{max-height:calc(100dvh - 180px)}}@media(max-width:359px){h1{font-size:46px}.guide-header{padding-inline:16px}.guide-header .brand{font-size:23px}.guide-header .back-link{font-size:12px}.download-os-label{gap:12px}.download-os-label select{min-width:125px}.connect-download{padding:22px 20px}.download-heading{gap:12px}.download-heading h2{font-size:23px}.section-heading h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}