:root{color:#242620;font-synthesis:none;--paper:#f6f4ee;--ink:#242620;--line:#dcdad2;--muted:#797b72;--accent:#a34c37;background:#f6f4ee;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{object-fit:cover;width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:Georgia,Songti SC,SimSun,serif;font-weight:400}h1 em,h2 em{color:var(--accent);font-style:normal}p{color:var(--muted);font-size:14px;line-height:1.9}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:90px;margin:0 5%;display:flex}.brand{white-space:nowrap;letter-spacing:-1px;font:25px Georgia,serif}.brand em{font-weight:400}.brand-mark{padding-right:12px;font-size:30px}.site-header nav{gap:30px;font-size:12px;display:flex}.site-header nav a:hover{color:var(--accent)}.nav-cta{border:1px solid #b9bcb0;padding:13px 19px;font-size:12px}.nav-cta span{margin-left:25px}.hero{grid-template-columns:44% 56%;min-height:690px;padding:60px 7% 65px;display:grid;overflow:hidden}.hero-copy{padding-top:55px}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.6}.eyebrow i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:2px;margin:25px 0;font-size:72px;line-height:1.25}.hero-copy p{margin:0 0 30px;font-size:15px}.button{background:var(--accent);color:#fff;border:1px solid #0000;justify-content:space-between;align-items:center;gap:40px;min-height:48px;padding:15px 24px;font-size:12px;display:inline-flex}.button:hover{filter:brightness(.92)}.button.dark{background:var(--ink)}.hero-meta{letter-spacing:1px;color:var(--muted);gap:22px;margin-top:38px;font-size:10px;display:flex}.hero-meta span+span{border-left:1px solid var(--line);padding-left:22px}.hero-art{min-height:565px;position:relative}.hero-small{background:#e2e0d9;border:8px solid #fff;width:37%;position:absolute;top:57px;left:0;transform:rotate(-5deg);box-shadow:0 14px 25px #2426200a}.hero-small img{aspect-ratio:3/4;object-fit:contain;background:#cccac5}.hero-small span,.hero-large>span{letter-spacing:1.5px;background:#fff;padding:11px;font-size:8px;display:block}.hero-large{border:9px solid #fff;width:60%;position:absolute;top:0;right:4%;transform:rotate(4deg);box-shadow:0 15px 40px #24262012}.hero-large img{aspect-ratio:3/4;object-fit:contain;background:#cccac5}.hero-stamp{font:29px/1.2 Georgia,serif;position:absolute;bottom:10px;left:8%;transform:rotate(-7deg)}.hero-stamp em{color:var(--accent);font-size:23px}.vertical-note{writing-mode:vertical-rl;letter-spacing:2px;color:var(--muted);font-size:8px;position:absolute;top:180px;right:-20px}.manifesto{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:0 5%;padding:26px 2%;display:flex}.manifesto>span{font:20px SimSun,serif}.manifesto p{font-size:12px}.manifesto>a{color:var(--accent);font-size:11px}.studio{margin:85px 5% 0;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:end;margin:0 0 30px;display:flex}.section-heading h2{margin-top:10px;font-size:34px}.edition{letter-spacing:1.5px;color:var(--muted);font-size:9px}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.steps>div{color:var(--muted);border-bottom:2px solid var(--line);align-items:center;gap:14px;padding:21px 20px;font-size:13px;display:flex}.steps span{font:20px Georgia,serif}.steps .active{color:var(--accent);border-bottom-color:var(--accent)}.steps .done{color:var(--ink)}#workspace{border:1px solid var(--line);background:#fbfaf6;border-top:0}.workspace-grid{grid-template-columns:62% 38%;min-height:620px;display:grid}.upload-area,.generation-canvas{background:#e9e8e2;position:relative;overflow:hidden}.canvas-top{letter-spacing:1px;z-index:3;color:#64685f;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:19px;left:25px;right:25px}.input-photo{height:620px;position:relative}.input-photo>img,#parse-layers img{object-fit:contain;height:100%}.input-base{mix-blend-mode:multiply}.photo-caption{color:#64685f;font-size:10px;position:absolute;bottom:20px;left:25px}#parse-layers{position:absolute;inset:0}#parse-layers img{animation:.6s fade}.control-panel{flex-direction:column;align-items:stretch;padding:45px 40px;display:flex}.control-panel h3{margin:17px 0;font-size:30px;line-height:1.5}.control-panel>p{margin-bottom:25px;font-size:12px}.upload-label{text-align:center;cursor:pointer;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px}.upload-label input{opacity:0;width:1px;height:1px;position:absolute}.tiny{color:var(--muted);font-size:10px!important;line-height:1.8!important}#upload-note{margin-bottom:10px;padding-top:9px}.empty-detection{color:var(--muted);padding:28px 0;font-size:11px;line-height:2}.detection{border-top:1px solid var(--line);margin-top:10px;margin-bottom:20px;padding-top:16px}.detection>span{color:#64765d;font-size:11px}.detection dl{grid-template-columns:1fr 1fr;gap:11px;font-size:10px;display:grid}.detection dt{color:var(--muted)}.detection dd{text-align:right;margin:0}.control-panel #next{margin-top:auto}.wardrobe-head{justify-content:space-between;align-items:center;gap:20px;padding:32px 32px 22px;display:flex}.wardrobe-head h3,.result-head h3{margin-bottom:10px;font-size:25px}.wardrobe-head p{font-size:12px}.text-button{text-underline-offset:5px;padding:8px 0;font-size:11px;text-decoration:underline}.wardrobe-grid{grid-template-columns:repeat(4,1fr);gap:25px 20px;padding:0 30px 30px;display:grid}.garment{text-align:left;min-width:0;padding:0}.garment>div{border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.garment.selected>div{border:1px solid var(--accent)}.garment img{aspect-ratio:1.2;object-fit:contain;padding:10px}.check{background:var(--paper);border:1px solid var(--line);text-align:center;width:22px;height:22px;font-size:12px;line-height:20px;position:absolute;top:10px;right:10px}.selected .check{background:var(--accent);color:#fff;border-color:var(--accent)}.garment .eyebrow{letter-spacing:1px;margin:10px 0 5px;font-size:8px;display:block}.garment h4{font-size:13px;font-weight:400}.workspace-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex}.workspace-bottom>span{color:var(--muted);font-size:11px}.stage-image{height:620px;position:relative}.stage-image img{object-fit:contain;height:100%}.stage-image #stage-overlay{position:absolute;inset:0}.scanline{background:#a34c3755;height:1px;animation:3s infinite alternate scan;position:absolute;top:10%;left:15%;right:15%;box-shadow:0 0 30px 5px #a34c3710}.progress-stages{margin:0 0 20px;padding:0;list-style:none}.progress-stages li{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;padding:14px 0;font-size:12px;display:flex}.progress-stages li>span{font:15px Georgia}.progress-stages li>b{margin-left:auto;font-size:9px;font-weight:400}.progress-stages .active{color:var(--accent)}.progress-stages .done{color:#64765d}.progress-track{background:var(--line);height:2px;margin-top:auto}#progress-bar{background:var(--accent);height:100%;transition:width .5s}#progress-text{margin-top:10px;font-size:10px}.result-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.result-head h3{margin-top:8px;margin-bottom:0}.result-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:30px;padding:25px 30px;display:grid}.comparison{aspect-ratio:3/4;isolation:isolate;background:#d1d0ca;position:relative;overflow:hidden}.comparison img{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.comparison .before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison input{opacity:0;z-index:5;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison:focus-within{outline:2px solid var(--accent)}.compare-label{letter-spacing:1px;background:#fbfaf6dd;padding:7px 10px;font-size:8px;position:absolute;top:15px}.compare-label.left{left:15px}.compare-label.right{right:15px}.compare-line{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:1px;position:absolute}.compare-line b{background:var(--paper);border-radius:50%;place-items:center;width:36px;height:36px;font-size:17px;font-weight:400;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 15px #0002}.center{text-align:center;margin-top:10px}.result-grid>.comparison{max-height:640px}.result-controls{min-width:0;padding:14px 25px 0 0}.result-controls h3{margin:12px 0;font-size:32px}.result-controls>p{margin-bottom:24px;font-size:12px}.result-controls h4{margin:20px 0 13px;font-size:12px;font-weight:400}.scene-options{flex-wrap:wrap;gap:8px;display:flex}.scene-options button{border:1px solid var(--line);padding:9px 18px;font-size:11px}.scene-options .active{border-color:var(--accent);color:var(--accent)}.scene-options+p{margin-top:10px}.identity{border-top:1px solid var(--line);margin-top:25px}.identity h4{justify-content:space-between;display:flex}.identity h4 span{color:var(--muted);font-size:9px}.face-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.face-pair figure{overflow:hidden}.face-pair img{object-fit:cover;object-position:center 2%;width:100%;height:130px}.face-pair figure{background:#d1d0ca;height:155px;position:relative}.face-pair img{width:300%;max-width:none;height:auto;position:absolute;top:-7%;left:-100%}.face-pair figcaption{background:var(--paper);text-align:center;width:100%;padding:6px 0;font-size:9px;position:absolute;bottom:0}.identity p{margin:8px 0 20px}.result-controls .button{gap:10px;width:100%}.result-link{text-align:center;padding:14px;font-size:10px;display:block}.film-header{color:var(--muted);justify-content:space-between;padding:10px 30px;font-size:10px;display:flex}.film-header h4{color:var(--ink);font-weight:400}.film-header h4 span{color:var(--muted);margin-left:10px;font-size:9px}.filmstrip{gap:10px;padding:8px 30px 26px;display:flex;overflow:auto}.look-thumb{border:1px solid #0000;min-width:0;padding:4px}.look-thumb img{aspect-ratio:3/4;object-fit:contain;background:#d1d0ca}.look-thumb span{text-align:center;margin-top:7px;font-size:9px;display:block}.look-thumb.active{border-color:var(--accent)}.filmstrip .look-thumb{flex:1;min-width:85px}.editorial{margin:90px 7%}.editorial>h2{margin:14px 0 40px;font-size:34px}.features{grid-template-columns:repeat(3,1fr);display:grid}.features>a{border-left:1px solid var(--line);padding:0 30px}.features>a:first-child{border:0;padding-left:0}.features span{letter-spacing:1px;color:var(--muted);font-size:9px}.features h3{margin:18px 0 12px;font-size:23px}.features p{font-size:12px}.features b{color:var(--accent);margin-top:24px;font-size:11px;font-weight:400;display:block}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin:0 5%;padding:40px 0;display:flex}footer p{font-size:11px}footer details{max-width:320px;color:var(--muted);font-size:10px}footer summary{cursor:pointer}footer details p{margin-top:10px}footer>span{letter-spacing:1px;color:var(--muted);font-size:8px}.page-intro{border-bottom:1px solid var(--line);margin:0 5%;padding:65px 7% 55px}.page-intro h1{margin:20px 0;font-size:48px}.intro-note{letter-spacing:2px;color:var(--muted);margin-top:25px;font-size:9px;display:block}.lookbook-grid{grid-template-columns:repeat(3,1fr);gap:40px 25px;padding:45px 7% 80px;display:grid}.look-card{text-align:left;min-width:0;padding:0}.look-card>div:first-child{background:#d1d0ca;position:relative}.look-card img{aspect-ratio:3/4;object-fit:contain}.look-card>div>span:not(.card-caption span){background:var(--paper);padding:8px 11px;position:absolute;bottom:15px;right:15px}.card-caption{border-bottom:1px solid var(--line);padding:15px 0}.card-caption span{letter-spacing:1px;color:var(--muted);font-size:8px}.card-caption h3{margin-top:8px;font-size:21px}dialog{color:var(--ink);background:#eeece5;border:0;width:min(850px,94vw);max-height:96vh;padding:25px 70px}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e211ded}dialog img{object-fit:contain;height:78vh}dialog figcaption{padding:15px 0;font-size:12px}dialog figcaption span{float:right;letter-spacing:1px;color:var(--muted);font-size:9px}.lightbox-close{font-size:11px;position:absolute;top:15px;right:20px}.lb-prev,.lb-next{font-size:25px;position:absolute;top:50%}.lb-prev{left:15px}.lb-next{right:15px}.quality-grid{padding:30px 10% 70px}.quality-grid article{border-bottom:1px solid var(--line);grid-template-columns:40% 60%;align-items:center;padding:35px 0;display:grid}.quality-copy{padding-right:45px}.quality-copy h2{margin:16px 0;font-size:30px}.quality-copy p{margin-bottom:25px;font-size:12px}.quality-grid .comparison{aspect-ratio:1.25;max-height:520px}.viewer-shell{padding:45px 7% 60px}.viewer-title{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.viewer-title h1{margin-top:12px;font-size:36px}.viewer-grid{border:1px solid var(--line);background:#fbfaf6;grid-template-columns:56% 44%;display:grid}.viewer-canvas{background:#d1d0ca;justify-content:center;display:flex}.viewer-canvas .comparison{aspect-ratio:3/4;width:100%}.viewer-grid aside{min-width:0;padding:40px 35px}.viewer-grid h2{margin:17px 0 10px;font-size:36px}.english-title{letter-spacing:2px;margin-bottom:25px;font-size:10px}.viewer-grid aside>p{font-size:12px}.viewer-arrows{border-block:1px solid var(--line);justify-content:space-between;align-items:center;margin:25px 0 15px;padding:12px 0;display:flex}.viewer-arrows button{padding:0 15px;font-size:25px}.viewer-arrows span{font:18px Georgia}.viewer-arrows i{color:var(--muted);font-size:14px;font-style:normal}.viewer-film{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:20px;display:grid}.viewer-film .look-thumb span{font-size:8px}.download{margin-top:20px;display:inline-block}.embedded{max-width:1200px;margin:auto;padding:24px}.embedded .viewer-title h1{font-size:28px}@keyframes scan{0%{top:10%}to{top:90%}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width>=1500px){main{max-width:1600px;margin:auto}.hero{min-height:760px}.hero-art{min-height:630px}}@media (width<=1000px){.site-header nav{gap:15px}.brand{font-size:20px}.brand-mark,.nav-cta{display:none}.hero h1{font-size:58px}.hero{min-height:600px;padding-inline:6%}.hero-art{min-height:490px}.hero-stamp{font-size:23px}.hero-stamp em{font-size:18px}.manifesto p{display:none}.control-panel{padding:30px 25px}.workspace-grid{grid-template-columns:55% 45%}.result-grid{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:20px}.result-controls{padding-right:20px}.viewer-grid aside{padding:30px 22px}.viewer-title h1{font-size:30px}.viewer-title .edition{display:none}.viewer-film{grid-template-columns:repeat(4,1fr)}}@media (width<=650px){.site-header{flex-wrap:wrap;justify-content:center;gap:0;height:100px;margin-inline:20px;padding:17px 0 10px}.brand{font-size:24px}.site-header nav{justify-content:space-between;gap:8px;width:100%;margin-top:13px;font-size:10px}.hero{flex-direction:column;min-height:0;padding:35px 25px 30px;display:flex}.hero-copy{padding-top:0}.eyebrow{letter-spacing:1.5px;font-size:8px}.hero h1{margin:18px 0;font-size:50px;line-height:1.3}.hero-copy>p{margin-bottom:20px;font-size:12px}.button{min-height:45px;padding:12px 20px}.hero-meta{margin-top:23px;font-size:8px}.hero-art{min-height:390px;margin-top:35px}.hero-large{width:61%;right:4%}.hero-small{width:40%;top:35px;left:0}.hero-stamp{font-size:22px;bottom:6px;left:3%}.hero-stamp em{font-size:17px}.vertical-note{font-size:7px;top:120px;right:-10px}.manifesto{gap:8px;margin-inline:20px;padding:20px 0}.manifesto>span{font-size:15px}.manifesto>a{font-size:9px}.studio{margin:50px 15px 0}.section-heading{margin:0 8px 22px}.section-heading h2{font-size:25px}.section-heading .edition{display:none}.steps>div{flex-direction:column;gap:6px;padding:15px 5px;font-size:10px}.steps span{font-size:17px}.workspace-grid{grid-template-columns:1fr}.input-photo,.stage-image{height:440px}.canvas-top{font-size:8px;left:15px;right:15px}.control-panel{padding:28px 22px}.control-panel h3{margin:12px 0;font-size:27px}.control-panel h3 br{display:none}.control-panel>p{margin-bottom:18px}.empty-detection{padding:18px 0}.wardrobe-head{gap:10px;padding:25px 17px 20px}.wardrobe-head h3{font-size:20px}.wardrobe-head p{font-size:10px}.wardrobe-head .text-button{white-space:nowrap;font-size:9px}.wardrobe-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px;padding:0 16px 25px}.garment img{aspect-ratio:1}.garment .eyebrow{letter-spacing:.7px;font-size:7px}.workspace-bottom{flex-wrap:wrap;gap:15px;padding:18px 16px}.workspace-bottom>span{font-size:10px}.workspace-bottom>.button{width:100%}.result-head{gap:10px;padding:22px 17px}.result-head h3{font-size:21px}.result-head .text-button{white-space:nowrap;font-size:9px}.result-grid{grid-template-columns:1fr;gap:12px;padding:15px}.result-grid .comparison{max-height:none}.result-controls{padding:15px 5px}.result-controls h3{font-size:29px}.identity{margin-top:15px}.face-pair figure{height:175px}.face-pair img{top:-6%}.film-header{padding:10px 16px}.film-header>span{font-size:8px}.filmstrip{padding:8px 16px 20px}.filmstrip .look-thumb{min-width:90px}.editorial{margin:50px 25px}.editorial>h2{margin-bottom:26px;font-size:27px}.features{grid-template-columns:1fr}.features>a,.features>a:first-child{border-left:0;border-top:1px solid var(--line);padding:25px 0}.features h3{margin:12px 0 8px;font-size:23px}.features b{margin-top:13px}footer{flex-wrap:wrap;gap:20px;margin:0 25px;padding:30px 0}footer .brand{font-size:22px}footer details{order:3;width:100%}footer>span{font-size:7px}.page-intro{margin:0 20px;padding:40px 0 30px}.page-intro h1{margin:14px 0;font-size:34px;line-height:1.5}.page-intro p{font-size:12px}.intro-note{letter-spacing:1px;font-size:7px}.lookbook-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px;padding:25px 20px 45px}.card-caption span{letter-spacing:.4px;font-size:6px}.card-caption h3{font-size:18px}.look-card>div>span:not(.card-caption span){padding:5px 7px;font-size:12px;bottom:7px;right:7px}dialog{width:96vw;padding:40px 35px 10px}dialog img{height:68vh}dialog figcaption{font-size:10px}dialog figcaption span{letter-spacing:0;font-size:7px}.lb-prev{left:5px}.lb-next{right:5px}.quality-grid{padding:0 20px 35px}.quality-grid article{grid-template-columns:1fr;gap:22px;padding:30px 0}.quality-copy{padding:0}.quality-copy h2{margin:12px 0;font-size:26px}.quality-copy p{margin-bottom:10px}.quality-grid .comparison{aspect-ratio:1}.viewer-shell,.embedded{padding:28px 15px}.viewer-title h1,.embedded .viewer-title h1{font-size:27px;line-height:1.4}.viewer-title{margin-bottom:20px}.viewer-grid{grid-template-columns:1fr}.viewer-canvas .comparison{max-height:none}.viewer-grid aside{padding:25px 20px}.viewer-grid h2{margin-top:12px;font-size:30px}.english-title{margin-bottom:16px}.viewer-arrows{margin:20px 0 15px}.viewer-film{scroll-snap-type:x mandatory;margin-inline:-5px;padding:5px;display:flex;overflow:auto}.viewer-film .look-thumb{scroll-snap-align:start;flex:0 0 85px}.viewer-film .look-thumb span{font-size:9px}.download{margin-top:15px}.comparison input{touch-action:pan-y}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.face-pair img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:calc(100% - 26px);position:static}.quality-grid .comparison{aspect-ratio:3/4;justify-self:center;width:min(100%,420px);max-height:none}.quality-grid .comparison img{object-fit:contain}.viewer-canvas{align-items:center}.quality-grid .comparison{aspect-ratio:2/3}#about-dialog{width:min(560px,92vw);padding:48px 36px 32px}#about-dialog h2{margin-bottom:18px;font-size:28px}#about-dialog p{font-size:13px}