@font-face{font-family:PoseSerif;src:local("Songti SC"),local("Noto Serif CJK SC");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f8f7f2;color:#263c34;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #db9b66;outline-offset:4px}[hidden]{display:none!important}.nav{height:88px;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2d9}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.5px;font-weight:500}.brand b{font-weight:750}.nav nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:15px;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:#244c42;color:#fff}.primary:hover{background:#183e34}.outline{background:transparent;border-color:#b9c6b9;color:#244c42}.small{min-height:38px;padding:7px 17px;font-size:13px}.large{padding:16px 25px;min-height:54px}.hero{max-width:1200px;margin:auto;padding:62px 0 78px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6e8074;margin:0 0 18px;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:#6f8d4d}.beta{border:1px solid #cbd4c1;border-radius:20px;padding:1px 8px;letter-spacing:1px;font-size:10px}h1{font-family:PoseSerif,"Songti SC",serif;font-size:61px;line-height:1.32;font-weight:650;letter-spacing:-1.5px;margin:20px 0 20px}.accent{color:#658353;position:relative}.accent:after{content:"";height:4px;position:absolute;bottom:0;left:3px;right:5px;background:#dce2ae;border-radius:50%}.lede{font-size:16px;line-height:1.95;color:#748075;margin-bottom:28px}.hero-notes{display:flex;gap:19px;font-size:11px;color:#7b867c;margin-top:23px}.hero-notes span:before{content:"✓";color:#6a8b59;margin-right:6px}.hero-art{height:430px;background:#e9eddf;border-radius:26px;position:relative;isolation:isolate;overflow:hidden}.art-caption{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7b8c70}.before-card{position:absolute;top:104px;left:35px;width:180px;height:259px;background:#faf3e3;border:6px solid white;box-shadow:0 12px 30px #283c3314;transform:rotate(-8deg);overflow:hidden;border-radius:6px}.after-card{position:absolute;top:65px;right:33px;width:239px;height:315px;background:#e6d5be;border:7px solid white;box-shadow:0 14px 36px #283c3322;transform:rotate(7deg);border-radius:7px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:contain}.photo-tag{position:absolute;top:8px;left:8px;font-size:10px;padding:3px 8px;background:#fffdf5dc;border-radius:30px;z-index:2}.art-foot{position:absolute;bottom:4px;left:0;right:0;font-size:7px;text-align:center;letter-spacing:2px;color:#5e705f}.art-spark{font-family:serif;position:absolute;right:17px;top:12px;font-size:76px;color:#6b815c}.art-arrow{position:absolute;left:205px;top:245px;background:#244c42;border:4px solid #e9eddf;color:#fff;font-size:28px;width:59px;height:59px;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg)}.illustration-note{position:absolute;left:28px;bottom:14px;font-size:9px;color:#7c8974}.section{max-width:1200px;margin:0 auto 76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading p{font-size:13px;color:#889186}h2{font-family:PoseSerif,"Songti SC",serif;font-size:31px;line-height:1.4;font-weight:650;margin:0 0 8px}h3{font-size:16px;margin:0;font-weight:650}.studio-grid{display:grid;grid-template-columns:440px 1fr;gap:24px;align-items:stretch}.panel{border:1px solid #dfe3d9;background:#fffefa;border-radius:17px}.controls{padding:26px}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-title>span{font-size:11px;width:25px;height:25px;border-radius:50%;border:1px solid #d4dccb;display:grid;place-items:center;color:#7d9071}.upload{border:1px dashed #bccdb2;background:#f4f6ed;min-height:210px;max-height:300px;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative;overflow:hidden;cursor:pointer;text-align:center}.upload input,.reference-upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within,.reference-upload:focus-within{outline:3px solid #db9b66}.upload:hover,.upload.dragging{background:#eaf0e0}.upload-icon{display:grid;place-items:center;margin:5px auto 12px;width:40px;height:40px;background:#e4ead9;border-radius:50%;font-size:28px;font-weight:200;color:#688859}.upload strong{display:block;font-size:13px;margin:8px 0}.upload small{display:block;font-size:11px;color:#8a9385;line-height:1.8}.upload>img{max-height:298px;width:100%;object-fit:contain}.replace-label{position:absolute;bottom:10px;padding:4px 10px;background:#fffef8d9;border-radius:20px;font-size:11px}.pose-heading{margin-top:26px}.pose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pose-card{border:1px solid #e2e5d9;border-radius:9px;overflow:hidden;padding:0 0 7px;background:#faf9f3;color:#6b786a;position:relative}.pose-card img{width:100%;height:96px;object-fit:contain}.pose-card span{font-size:10px;font-weight:600}.pose-card.selected{border:2px solid #58704a;background:#eef2e3;color:#35523a;padding-bottom:6px}.pose-card.selected:after{content:"✓";position:absolute;right:4px;top:4px;background:#58704a;color:#fff;width:15px;height:15px;border-radius:50%;font-size:10px}.reference-toggle{display:flex;justify-content:space-between;width:100%;margin-top:15px;padding:12px 0;border:0;border-bottom:1px solid #e7e9de;background:none;font-size:12px;color:#57714f}.reference-toggle span:last-child{color:#939c8c;font-size:10px}.reference-upload{margin-top:13px;border:1px dashed #b8c5ac;border-radius:8px;min-height:80px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;cursor:pointer}.reference-upload img{height:100px;max-width:100px;object-fit:contain}.consent{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:11px;line-height:1.7;color:#86907e}.consent input{margin:3px 0 0;accent-color:#244c42;flex-shrink:0;width:14px;height:14px}.consent a{text-decoration:underline;color:#57714f}.generate{width:100%;justify-content:space-between}.micro{font-size:11px;line-height:1.7;color:#8a9285}.center{text-align:center}.controls .micro:last-child{margin-bottom:0}.result-panel{display:flex;flex-direction:column;min-height:685px;padding:23px}.result-top{display:flex;align-items:center;justify-content:space-between}.result-top .eyebrow{font-size:9px;margin:0;letter-spacing:1.5px}.private-pill{font-size:10px;padding:3px 10px;border:1px solid #e1e5d9;border-radius:20px;color:#8a9681}.result-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:470px;padding:24px 0}.empty-result{text-align:center;color:#7d8973}.empty-frame{width:183px;height:246px;border:1px solid #dfe4d4;background:#f1f3e9;transform:rotate(5deg);border-radius:90px 90px 9px 9px;overflow:hidden;margin:0 auto 30px;opacity:.76}.empty-frame img{width:100%;height:100%;object-fit:contain}.empty-result h3{font-family:PoseSerif,serif;font-size:23px;color:#758666}.empty-result p{font-size:12px;color:#a0a894}.result-bottom{border-top:1px solid #e8eadf;padding-top:16px;display:flex;justify-content:space-between;font-size:9px;color:#97a18c}.generated-image{max-height:610px;max-width:100%;border-radius:8px;object-fit:contain}.result-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.result-actions .button{font-size:12px;min-height:38px;padding:8px 16px}.job-info{text-align:center;font-size:11px;color:#87917d;word-break:break-all}.spinner{width:45px;height:45px;border:2px solid #e4e9d8;border-top-color:#56724d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.pending{text-align:center;max-width:350px;padding:25px}.pending p{font-size:13px;color:#8c9781}.pending small{font-size:10px;word-break:break-all}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{border:1px solid #dce1d3;border-radius:12px;background:#fffef8;overflow:hidden}.gallery-image{height:245px;width:100%;object-fit:cover;cursor:pointer}.gallery-empty{height:245px;display:grid;place-items:center;background:#eef1e5;font-size:13px;color:#78896d}.gallery-content{padding:13px}.gallery-content p{font-size:11px;margin:0 0 9px;color:#849177}.gallery-controls{display:flex;justify-content:space-between;font-size:12px}.gallery-controls button,.text-button{background:none;border:0;color:#5c7551;padding:4px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.how{padding:38px 0;border-top:1px solid #dce1d3;border-bottom:1px solid #dce1d3;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:35px}.how h2{font-size:28px}.how .eyebrow{font-size:9px;margin-bottom:12px}.tip>span{font-family:serif;font-style:italic;font-size:25px;color:#a0b18c;display:block;margin-bottom:12px}.tip h3{font-size:14px}.tip p{font-size:12px;color:#89937f;margin-top:10px;line-height:1.85}.pricing{display:flex;align-items:center;justify-content:space-between;padding:47px 65px;background:#e9eddf;border-radius:20px;gap:50px}.pricing h2{font-size:37px}.pricing>div>p:not(.eyebrow){font-size:14px;color:#7c8b71;line-height:1.9}.price-card{background:#fffef7;border:1px solid #d9e0ca;border-radius:14px;width:325px;flex-shrink:0;padding:24px 28px}.price-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.tag{background:#e9eecf;border-radius:5px;padding:2px 7px;font-size:10px;color:#7a875e}.price{display:flex;align-items:baseline;gap:5px;margin-top:6px}.price small{font-size:23px}.price b{font-family:Georgia,serif;font-weight:400;font-size:63px;line-height:1.3}.price span{color:#939d87;font-size:12px;margin-left:5px}.price-card>p{font-size:11px!important;margin:8px 0 18px}.price-card .button{width:100%;font-size:13px}.price-card .micro{margin:10px 0 0;font-size:10px!important;text-align:center}.faq{display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq h2{font-size:28px}.faq details{border-bottom:1px solid #dce1d3;padding:18px 0}.faq details:first-child{padding-top:2px}.faq summary{cursor:pointer;font-size:14px}.faq p{font-size:13px;color:#7d8973;max-width:650px}footer{border-top:1px solid #dde3d4;text-align:center;padding:35px 24px 25px}footer .brand{justify-content:center;font-size:16px}footer>p{font-size:12px;color:#87957b;margin:12px 0 20px}footer>div{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;font-size:11px;color:#7d8a70}footer>small{display:block;font-size:10px;color:#a1a994;margin-top:26px}dialog{border:1px solid #d7ddca;border-radius:17px;padding:32px;max-width:440px;width:calc(100% - 32px);background:#fdfcf6;color:#263c34;box-shadow:0 25px 100px #172d3244}dialog::backdrop{background:#152c285c;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog .eyebrow{font-size:9px}dialog .close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:27px;color:#8b9580}dialog form>label{display:block;margin-top:18px;font-size:12px}dialog input:not([type=checkbox]){display:block;width:100%;border:1px solid #cdd6bd;border-radius:8px;padding:12px;margin-top:6px;background:#fffef9;font-size:14px}dialog form>.consent{display:flex}dialog .button{width:100%;margin-top:12px}.switch-auth{display:block;margin:15px auto}.muted{font-size:12px;color:#879579}.form-error{font-size:12px;color:#b15b48;min-height:15px;margin:8px 0}.balance-info{background:#eef2e4;padding:18px;border-radius:10px;font-size:14px;margin:18px 0}#accountDialog>.text-button{display:block;margin:24px auto 0}#payDialog>p:not(.eyebrow){font-size:13px;color:#7d8973}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;max-width:90%;background:#233e35;color:#fff;border-radius:10px;box-shadow:0 5px 30px #14392e30;font-size:13px;z-index:100}.legal{max-width:760px;margin:60px auto 80px;padding:0 24px}.legal h1{font-size:35px}.legal h2{font-size:23px;margin:32px 0 14px}.legal p,.legal li{font-size:14px;color:#667561}.legal a{color:#386046;text-decoration:underline}.legal .date{font-size:11px;color:#9ba48d}.diagnostic-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #dde3d4;font-size:14px}.danger{color:#ad6247}
@media(max-width:1280px){.hero,.section{margin-left:40px;margin-right:40px}.hero{gap:35px}.before-card{left:23px;width:160px}.after-card{right:23px;width:215px}.art-arrow{left:170px}.studio-grid{grid-template-columns:410px 1fr}}
@media(max-width:960px){h1{font-size:47px}.hero{padding-top:43px}.hero-art{height:370px}.before-card{width:125px;height:225px;left:15px;top:95px}.after-card{width:172px;height:275px;right:18px;top:55px}.art-arrow{left:120px;top:235px;width:49px;height:49px;font-size:24px}.hero-notes{gap:9px;font-size:9px}.studio-grid{grid-template-columns:360px 1fr;gap:16px}.controls{padding:22px}.pose-card img{height:80px}.result-panel{padding:18px}.result-bottom{gap:10px;font-size:8px}.how{gap:20px}.pricing{padding:35px}.faq{gap:30px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.nav{height:70px;padding:0 20px}.nav nav{gap:14px}.nav nav>a{display:none}.brand{font-size:17px}.brand img{width:29px;height:29px}.hero,.section{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding:35px 0 43px;gap:30px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:9px}.hero h1{font-size:43px;margin:14px 0}.hero h1 br{display:none}.hero .lede{font-size:13px;margin:14px 0 22px}.hero .large{min-height:46px;padding:11px 22px;font-size:13px}.hero-notes{justify-content:center;font-size:10px;margin-top:16px;gap:14px}.hero-art{height:295px;max-width:450px;width:100%;margin:auto;border-radius:17px}.art-caption{top:16px;left:20px;font-size:8px}.before-card{width:142px;height:206px;left:13%;top:60px}.after-card{width:173px;height:231px;right:11%;top:43px}.art-arrow{left:40%;top:181px}.art-spark{font-size:55px;right:20px;top:3px}.illustration-note{font-size:8px;bottom:9px;left:20px}.section{margin-bottom:46px}.section-heading{align-items:center;margin-bottom:17px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.section-heading>p{display:none}.studio-grid{grid-template-columns:1fr;gap:16px}.controls{padding:22px}.pose-card img{height:100px}.pose-card span{font-size:11px}.result-panel{min-height:420px;padding:20px}.result-area{min-height:320px;padding:20px 0}.empty-frame{width:127px;height:170px;margin-bottom:24px}.empty-result h3{font-size:21px}.result-bottom{font-size:9px}.generated-image{max-height:560px}.how{grid-template-columns:1fr;gap:20px;padding:28px 0}.how>div:first-child{display:flex;align-items:flex-start;justify-content:space-between}.how h2{font-size:25px}.how h2 br{display:none}.how .eyebrow{font-size:8px;margin-top:11px}.tip{display:grid;grid-template-columns:32px 1fr;column-gap:10px}.tip>span{grid-row:1/3;margin:0;font-size:23px;line-height:1.3}.tip p{margin:6px 0 0;font-size:12px}.tip h3{font-size:14px}.pricing{display:block;padding:27px 22px}.pricing h2{font-size:29px}.pricing .eyebrow{font-size:9px}.pricing>div>p:not(.eyebrow){font-size:13px}.price-card{width:100%;margin-top:23px;padding:22px}.price{margin:0}.faq{grid-template-columns:1fr;gap:13px}.faq h2{font-size:26px}.faq summary{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-image,.gallery-empty{height:215px}.gallery-content{padding:10px}.gallery-controls{font-size:11px}footer>div{gap:15px;font-size:10px}.desktop{display:none}.legal{margin:36px auto 60px}.legal h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition:none!important}}
