*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fcfbf8;color:#242820;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-decoration-color:#c1c2b8;text-underline-offset:4px}a:hover{color:#b35c32}button{font:inherit;cursor:pointer}header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #dedfd5;background:#fcfbf8f7;position:sticky;top:0;z-index:10}header a{text-decoration:none}.brand{font-size:29px;font-weight:750;letter-spacing:-1.3px;display:flex;align-items:center;gap:9px}.mark{display:block;width:23px;height:29px;border-radius:15px 15px 0 0;background:linear-gradient(135deg,#c89cf0,#ffbf6e 50%,#f47a35)}header nav{display:flex;gap:28px;align-items:center;font-size:13px}.try{border:1px solid #d3d5c9;border-radius:30px;padding:8px 17px}.layout{max-width:1360px;margin:auto;display:grid;grid-template-columns:225px minmax(0,850px);gap:70px;padding:68px 40px}.toc{position:sticky;top:126px;height:-moz-fit-content;height:fit-content;font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#6b7062}.toc>a:not(.download){display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #dddfd5;text-decoration:none;color:#5d6356}.toc>a.active{color:#aa542c!important}.toc span{font-size:10px;color:#919586}.inventory{line-height:1.8;color:#7a7e70;font-size:11px;margin:27px 0 16px}.download{font-size:12px;border:1px solid #d8dbce;border-radius:24px;padding:10px 15px;text-decoration:none;display:inline-block}main{min-width:0}main>h1{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(38px,4.6vw,64px);letter-spacing:-2.6px;line-height:1.08;font-weight:620;margin:23px 0}.dek{font-size:21px;line-height:1.65;color:#73786a;margin:25px 0}.meta{font-size:11px;color:#858976;margin:24px 0 35px;display:flex;gap:12px}.cover{width:100%;height:auto;border-radius:12px;display:block}.chooser{display:grid;grid-template-columns:1fr 1fr;margin:36px 0 60px;gap:0 22px;border-top:1px solid #dce0d1}.chooser a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:14px 0;border-bottom:1px solid #dce0d1;font-size:13px}.chooser span{color:#ad623c;font-size:10px}.chooser b{font-weight:500}.chooser i{margin-left:auto;font-style:normal;color:#939987}article p{margin:20px 0}h2{font-size:31px;line-height:1.25;letter-spacing:-.8px;font-weight:620;margin:52px 0 23px}h2[id^=workflow]{padding-top:50px;border-top:1px solid #d5d9cc;margin-top:85px;font-size:39px;line-height:1.16}.section-kicker{display:block;color:#ad623c;font-size:11px;letter-spacing:2px;font-weight:550;margin-bottom:17px}h3{font-size:24px;letter-spacing:-.35px;line-height:1.4;margin:42px 0 20px}h4{font-size:19px;line-height:1.45;margin:35px 0 18px}b{font-weight:650}ul,ol{padding-left:25px}li{padding:4px 0}.callout{background:#f0f1e9;border-left:3px solid #b2bca0;border-radius:0 8px 8px 0;padding:8px 24px;margin:26px 0;font-size:15px}.callout p{margin:13px 0}.screenshot{margin:27px 0 35px}.screenshot img{width:100%;height:auto;display:block;border:1px solid #e2e3d9;border-radius:9px;background:#fff}.zoom{cursor:zoom-in;display:block}.screenshot figcaption{font-size:12px;line-height:1.65;color:#7e8473;margin:11px 3px}.screenshot figcaption span{font-size:10px;color:#a36a4b;white-space:nowrap}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-grid .screenshot{margin:10px 0}.attachment{font-size:13px;word-break:break-word}.prompt{border:1px solid #d9ddcf;border-radius:9px;overflow:hidden;margin:25px 0;background:#f4f5ef}.prompt-bar{padding:12px 16px;background:#ebeee3;border-bottom:1px solid #d9ddcf;font-size:11px;display:flex;gap:12px;align-items:center;justify-content:space-between;line-height:1.5}.prompt-bar>div{display:flex;align-items:center;gap:12px;flex-shrink:0}.prompt-bar button{font-size:11px;background:#fff;border:1px solid #cfd5c2;border-radius:5px;padding:6px 9px}.prompt pre{margin:0;padding:22px;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow-y:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.prompt code{font-family:SFMono-Regular,Consolas,monospace}dialog{border:0;border-radius:12px;padding:28px;background:#fcfbf8;width:min(96vw,1600px);max-height:94vh;overflow:auto}dialog::backdrop{background:#111c}.close{position:sticky;top:0;float:right;font-size:28px;border:0;background:#f0f1e9;border-radius:50%;width:42px;height:42px}dialog img{width:100%;height:auto}dialog p,dialog a{font-size:13px}#status{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#2c3529;color:#fff;border-radius:30px;padding:8px 20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.end-cta{margin-top:70px;padding:32px;background:#eceee3;border-radius:12px}.end-cta h2{margin:15px 0;font-size:31px}.end-cta a{display:inline-block;background:#303d2e;color:#fff;border-radius:26px;padding:9px 20px;font-size:13px;text-decoration:none;margin-top:14px}footer{border-top:1px solid #dce0d1;padding:30px 0;margin-top:50px;display:flex;justify-content:space-between;font-size:12px}.simple{max-width:850px;margin:65px auto;padding:0 28px 80px}.simple h1{font-size:43px;line-height:1.15;letter-spacing:-1.3px}.simple .lede{color:#73786a}.reference{padding:25px 0;border-bottom:1px solid #ddd}.reference h2{font-size:25px;margin:12px 0}.social-copy{white-space:pre-wrap;background:#f0f2e9;padding:25px;border-radius:9px;font:inherit;font-size:16px}.label{font-size:11px;letter-spacing:1.5px;color:#a15d38}@media(min-width:1500px){.layout{gap:100px}}@media(max-width:1000px){.layout{grid-template-columns:175px minmax(0,1fr);gap:35px;padding:45px 24px}header nav{gap:16px}.toc{font-size:11px}main>h1{font-size:45px}.dek{font-size:19px}}@media(max-width:720px){header{height:65px;padding:0 20px}header nav{gap:15px;font-size:11px}header .try{display:none}.brand{font-size:24px}.layout{display:block;padding:27px 21px}.toc{position:static;margin-bottom:38px}.toc>.eyebrow,.inventory,.toc .download{display:none}.toc{display:flex;gap:13px;overflow:auto;white-space:nowrap}.toc>a:not(.download){border:0;padding:4px 0}.toc a span{display:none}main>h1{font-size:41px;letter-spacing:-1.6px}.dek{font-size:18px}.meta{font-size:10px;gap:8px}.chooser{grid-template-columns:1fr}.cover{border-radius:8px}h2[id^=workflow]{font-size:31px;padding-top:32px;margin-top:58px}h2{font-size:27px}h3{font-size:22px}.image-grid{grid-template-columns:1fr}.prompt-bar{align-items:flex-start;padding:10px}.prompt-bar>span{max-width:58%}.prompt-bar>div{gap:8px}.prompt pre{padding:16px;font-size:11px}.end-cta{padding:25px}.end-cta h2{font-size:27px}.simple{margin:35px auto}.simple h1{font-size:34px}footer{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
