:root{color-scheme:light;--paper:#fff;--canvas:#f7f8fa;--ink:#18202e;--muted:#667085;--line:#e4e7ec;--red:#d92037;--tint:#fff3f4;--code:#f3f4f6}
[data-theme=dark]{color-scheme:dark;--paper:#1b1d23;--canvas:#14161b;--ink:#f0f1f4;--muted:#adb4c3;--line:#343842;--tint:#332027;--code:#242832}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--red);text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}.guide-shell{max-width:1400px;margin:auto;padding:36px 40px 72px}.guide-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:#b91d31;color:#fff;padding:40px 44px}.eyebrow{font-size:12px;letter-spacing:.1em;margin:0 0 12px}.guide-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.35;letter-spacing:-.035em;margin:0 0 18px;font-weight:750}.hero-description{margin:0;color:#ffe3e7;font-size:15px}.hero-index{min-width:290px;padding:12px 0 12px 30px;border-left:1px solid #ffffff45}.hero-index span{font-size:13px;color:#ffced5}.hero-index strong{display:block;font-size:20px;margin:8px 0 24px}.hero-index a{color:white;font-size:13px}.preparation{background:var(--paper);padding:26px 32px;border:1px solid var(--line);border-top:0}.preparation h2{font-size:17px;margin:0 0 22px}.prepare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.prepare-grid>div{position:relative;padding-left:34px}.step-number{position:absolute;left:0;top:1px;font-size:12px;color:var(--red);font-weight:700}.prepare-grid strong{font-size:15px}.prepare-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin:6px 0}.prepare-grid a{font-size:13px;text-decoration:none}.key-note{font-size:12px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin:22px 0 0}.guide-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:36px;margin-top:38px}.tool-picker{position:sticky;top:94px;align-self:start}.tool-picker>.eyebrow{color:var(--muted);padding-left:12px}.tool-picker nav{display:grid;gap:6px}.tool-picker nav a{display:flex;gap:12px;align-items:center;border:1px solid transparent;border-radius:8px;padding:12px;color:var(--ink);text-decoration:none;line-height:1.5;font-size:14px;font-weight:600}.tool-picker nav a[aria-current=true]{background:var(--tint);border-color:#d9203722;color:var(--red)}.tool-picker nav a:hover{background:var(--paper)}.tool-picker small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.tool-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-family:ui-monospace,monospace;font-weight:700;font-size:17px}.tool-mark.claude{color:#c96748;font-size:26px}.back-models{display:block;margin:22px 12px;color:var(--muted);font-size:13px;text-decoration:none}.guide-content{min-width:0}.tool-panel{background:var(--paper);border:1px solid var(--line);padding:34px 38px;margin-bottom:24px;scroll-margin-top:90px}.tool-panel[hidden]{display:none}.section-kicker{color:var(--red);font-size:12px;font-weight:650;letter-spacing:.035em;margin:0 0 8px}.tool-panel h2,.common-help h2{font-size:28px;letter-spacing:-.025em;line-height:1.35;margin:0 0 14px}.section-intro{color:var(--muted);margin:0 0 28px}.tool-panel h3{font-size:16px;line-height:1.55;margin:0 0 9px}.tool-panel p{overflow-wrap:anywhere}.steps{list-style:none;counter-reset:steps;padding:0;margin:28px 0}.steps>li{position:relative;padding:0 0 24px 38px;counter-increment:steps;border-left:1px solid var(--line);margin-left:13px}.steps>li:last-child{padding-bottom:0;border:0}.steps>li:before{content:counter(steps);position:absolute;left:-14px;top:0;width:27px;height:27px;display:grid;place-items:center;font-size:13px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-weight:700;color:var(--red)}.steps p{margin:8px 0 14px}.field{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--code);padding:14px 16px;border-radius:7px;margin:16px 0}.field>span{width:100%;color:var(--muted);font-size:12px}.field code{flex:1;min-width:0;word-break:break-all;background:none;padding:0}.field button{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:4px 10px;font-size:12px;white-space:nowrap}code{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--code);padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}pre{overflow:auto;padding:20px;background:var(--code);border:1px solid var(--line);border-radius:8px;max-width:100%}pre code{padding:0;overflow-wrap:normal}.note{padding:14px 18px;background:var(--code);border-left:3px solid var(--line);font-size:13px;color:var(--muted)}.status-note{border-color:#bd8844;background:var(--tint);color:var(--ink)}.assistant-box{padding:24px;background:var(--tint);border:1px solid #d9203722;border-radius:9px;margin:24px 0 28px}.assistant-box p{font-size:14px}.tag{font-size:11px;color:var(--red);display:block;margin-bottom:10px}.primary{border:0;border-radius:6px;background:var(--red);color:white;padding:10px 18px;font-size:14px;font-weight:600}.assistant-box>a{display:inline-block;margin:12px 0 0 16px;font-size:13px}.verify-box{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.verify-box strong{font-size:15px}.verify-box p{color:var(--muted);font-size:14px;margin-bottom:0}.check-list{padding-left:20px}.check-list li{margin:12px 0}.protocols>div{padding:20px 0;border-bottom:1px solid var(--line)}.source-link{font-size:14px}.muted{font-size:12px;color:var(--muted)}.common-help{padding:18px 0}.common-help h2{font-size:23px}.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:14px;font-weight:600;cursor:pointer;list-style-position:inside}.faq p{color:var(--muted);font-size:14px;margin-bottom:0}.support-line{font-size:13px;color:var(--muted);margin-top:22px}.support-line a{display:block;margin-top:12px}.guide-footer{max-width:1320px;border-top:1px solid var(--line);padding:24px 0 40px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted)}.guide-footer a{color:inherit;text-decoration:none}.guide-footer span{margin-right:auto}#copy-status:not(:empty){position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:8px;z-index:500;font-size:14px;max-width:90vw}.skip-link{position:absolute;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:600}.skip-link:focus{top:10px}dialog{width:min(640px,90vw);border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:24px}dialog::backdrop{background:#0008}dialog textarea{width:100%;height:300px;font:13px/1.6 monospace}dialog form{text-align:right}
@media(max-width:1000px){.guide-shell{padding:24px}.guide-hero{padding:30px;gap:24px}.hero-index{min-width:240px;padding-left:24px}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.tool-panel{padding:28px}.guide-footer{margin:0 24px}.prepare-grid{gap:20px}}
@media(max-width:760px){.guide-shell{padding:16px}.guide-hero{display:block;padding:28px 24px}.guide-hero h1{font-size:29px}.hero-index{border-left:0;border-top:1px solid #ffffff45;padding:18px 0 0;margin-top:24px}.hero-index strong{font-size:17px;margin:5px 0 10px}.preparation{padding:22px}.prepare-grid{grid-template-columns:1fr;gap:20px}.guide-layout{display:block;margin-top:26px}.tool-picker{position:static;margin-bottom:24px}.tool-picker nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tool-picker nav a{align-items:flex-start;padding:10px;gap:8px;background:var(--paper);border-color:var(--line);font-size:12px}.tool-picker small{font-size:11px}.tool-mark{flex-basis:26px;height:28px;font-size:14px}.tool-mark.claude{font-size:23px}.back-models{display:none}.tool-panel{padding:24px 20px}.tool-panel h2{font-size:24px}.steps>li{padding-left:25px}.field{padding:12px}.field code{font-size:12px;flex-basis:100%}.assistant-box{padding:18px}.assistant-box>a{margin-left:0;display:block}.guide-footer{margin:0 16px;gap:14px}.guide-footer span{flex-basis:100%}body{font-size:14px}.section-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}