:root{--paper:#f7f5ee;--ink:#252720;--muted:#767970;--line:#dddfd4;--orange:#e35931;--green:#dde6c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button,a,label.upload-zone{touch-action:manipulation}button,a{transition:background .2s,color .2s,transform .2s}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{height:94px;max-width:1420px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:2px}.brand i{color:var(--orange);font-size:30px;font-style:normal}nav{display:flex;gap:32px;font-size:13px}.navcta{border:1px solid var(--ink);border-radius:99px;padding:12px 18px;font-size:13px}.navcta span{margin-left:20px}main{max-width:1420px;margin:auto}.hero{padding:65px 5% 75px;display:grid;grid-template-columns:43% 57%;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(44px,5.5vw,77px);line-height:1.27;letter-spacing:-4px;margin:27px 0}.serif,h2,.closing em{font-family:"Noto Serif SC",Songti SC,Georgia,serif}.serif{color:var(--orange);font-weight:400}.hero-copy>p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;border:0;padding:18px 22px;border-radius:5px;font-size:14px;font-weight:600}.hero .button{display:inline-flex}.orange{background:var(--orange);color:#fff}.orange:hover{background:#c64a28}.dark{background:var(--ink);color:#fff;width:100%}.hero-note{font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:20px}.hero-visual{position:relative;padding-left:30px}.compare{position:relative;aspect-ratio:1.12;overflow:hidden;background:#e6e7dc;border-radius:7px;--pos:42%}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;pointer-events:none}.compare-line span{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 10px #0002}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.photo-label{position:absolute;top:16px;padding:7px 11px;border-radius:40px;font-size:10px;background:#fffe;pointer-events:none}.left{left:16px}.right{right:16px}.visual-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:13px}.floating-note{position:absolute;bottom:42px;right:-14px;background:#e5ebcb;padding:18px 24px;transform:rotate(-5deg);font-size:10px;line-height:1.8;box-shadow:0 3px 10px #0001;pointer-events:none}.floating-note strong{font-size:13px}.discover{padding:60px 5%;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-top :is(h1,h2){font-size:32px;font-weight:500;letter-spacing:-1px;margin:16px 0 0}.section-top p{font-size:12px;color:var(--muted);line-height:1.8}.filterbar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.segmented,.format-tabs{display:flex;gap:4px}.segmented button,.format-tabs button{border:0;background:transparent;padding:11px 17px;font-size:12px;border-radius:40px;color:var(--muted)}.segmented .active{background:var(--ink);color:#fff}.format-tabs{border:1px solid var(--line);border-radius:40px;padding:3px}.format-tabs button{padding:8px 13px}.format-tabs .active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0001}.format-note{font-size:11px;color:var(--muted);margin:20px 0}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.case{min-width:0}.case-media{position:relative;aspect-ratio:4/5;background:#e7e7df;border-radius:5px;overflow:hidden}.case-media>img{width:100%;height:100%;object-fit:cover}.case-media.grid-media{aspect-ratio:1;background:transparent}.case-media.grid-media>img{object-fit:contain}.source-thumb{position:absolute;bottom:13px;left:13px;width:24%;aspect-ratio:3/4;background:#fff;border:3px solid white;box-shadow:0 3px 15px #0003;border-radius:3px;overflow:hidden}.source-thumb img{width:100%;height:100%;object-fit:cover}.source-thumb span{position:absolute;bottom:0;left:0;right:0;background:#fffe;text-align:center;padding:3px;font-size:9px}.case-number{position:absolute;top:12px;left:12px;color:#fff;font-size:10px;background:#25272080;padding:5px 8px;border-radius:50px}.case-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px}.case h3{font-size:19px;font-weight:500;margin:0}.case-category{font-size:9px;border:1px solid #cacdc0;padding:5px 7px;border-radius:30px}.case p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 13px}.case-actions{display:flex;justify-content:space-between;align-items:center}.case-actions button{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:5px 0;font-size:11px}.case-actions a{font-size:10px;color:var(--muted)}.provenance{margin-top:28px;font-size:10px;color:var(--muted);line-height:1.7}.studio{padding:60px 5%;background:#eaece2;margin:30px 0}.status{font-size:10px;color:#7a673c;padding:8px 11px;border:1px solid #d4ceb5;border-radius:30px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#f9faf5;padding:35px;border-radius:8px}.upload-zone{min-height:470px;position:relative;border:1px dashed #afb4a4;border-radius:5px;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;background:#eff1e9;overflow:hidden}.upload-zone.dragover{background:#e2e9ce;border-color:var(--orange)}.upload-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.upload-icon{font-size:48px;font-weight:200;color:#6d7862}.upload-zone h3{font-size:18px;font-weight:400;margin:20px 0 12px}.upload-zone p{font-size:12px;color:var(--muted)}.upload-zone small{font-size:10px;color:#969a90}.upload-zone #replaceLabel{position:absolute;bottom:18px;background:#fffe;border-radius:30px;padding:10px 18px;font-size:11px}.privacy{font-size:10px;color:var(--muted);margin:14px 0}.text-button{border:0;background:none;text-decoration:underline;font-size:11px;padding:0}.upload-error{font-size:11px;color:#ac3c29}.field-heading{font-size:12px;margin:0 0 10px;display:flex;gap:10px;align-items:center}.field-heading b{font-size:9px;color:#8b927e;font-weight:400}.settings select{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:transparent;font-size:12px;margin-bottom:20px}.settings select#styleSelect{margin-bottom:5px}.hint{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 22px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.choice button{background:none;border:1px solid var(--line);padding:15px 10px;text-align:left;border-radius:4px;font-size:12px}.choice button.active{background:#e7eddb;border-color:#a8b497}.choice small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.optional{font-size:12px;display:flex;gap:10px}.optional span{color:var(--muted);font-size:10px}.settings textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:12px;font-size:11px;line-height:1.8;background:transparent;resize:vertical;margin:10px 0;min-height:80px}.backend-note{background:#f2efe3;padding:12px 15px;border-radius:4px;margin:5px 0 15px}.backend-note strong{font-size:11px;font-weight:500}.backend-note p{font-size:10px;line-height:1.7;color:#8a8065;margin:6px 0 0}.prompt-area{margin-top:25px}.prompt-area>label{font-size:12px}.prompt-actions{display:flex;gap:10px}.prompt-actions button{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:11px;border-radius:4px}.prompt-area small,.prompt-area p{font-size:10px;color:var(--muted);line-height:1.8}.closing{text-align:center;padding:65px 20px 90px}.closing>span{font-size:43px;color:var(--orange)}.closing h2{font-size:35px;font-weight:400;line-height:1.6}.closing em{color:#7f886f;font-style:normal}.closing a{font-size:11px;border-bottom:1px solid #999d8b;padding:8px}footer{max-width:1420px;margin:auto;border-top:1px solid var(--line);padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>.brand{font-size:19px}footer>span{font-size:9px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:5px;padding:12px 18px;font-size:12px;display:none;z-index:50}[hidden]{display:none!important}@media(max-width:800px){header{height:75px;padding:0 6%}nav{display:none}.brand{font-size:24px}.brand span{font-size:8px}.navcta{padding:10px 13px;font-size:11px}.navcta span{margin-left:8px}.hero{grid-template-columns:1fr;padding:38px 6% 48px;gap:40px}h1{font-size:59px;margin:20px 0;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-visual{padding:0 7px 0 0}.floating-note{right:-3px}.discover{padding:40px 6%}.section-top{align-items:flex-start;gap:15px}.section-top :is(h1,h2){font-size:26px}.section-top p{display:none}.filterbar{gap:16px}.segmented button{font-size:11px;padding:10px 14px}.format-tabs{width:100%}.format-tabs button{flex:1}.cases{grid-template-columns:1fr;gap:35px}.case-media{aspect-ratio:4/4.6}.case h3{font-size:21px}.case p{font-size:12px}.studio{padding:40px 6%;margin:0}.workspace{grid-template-columns:1fr;padding:20px;gap:25px}.upload-zone{min-height:320px}.status{font-size:8px;padding:7px;white-space:nowrap;margin-top:30px}.closing{padding:45px 20px}.closing h2{font-size:29px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{width:100%}.visual-caption,.provenance{font-size:9px}.case-actions button{font-size:12px}.case-actions a{font-size:11px}}@media(min-width:801px)and (max-width:1100px){.hero-visual{padding-left:15px}.hero{padding-top:45px}.workspace{gap:25px;padding:25px}.segmented button{padding:11px 13px}nav{gap:16px}}.case-media>img{object-fit:contain}.compare:focus-within{outline:3px solid var(--orange);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}#selectedStyleImage:not([src]){opacity:0}nav .category-active{font-weight:800;color:#b94425;border-bottom:2px solid currentColor;padding-bottom:8px}@media(max-width:600px){header nav{display:flex;gap:16px;font-size:12px}header .brand span,header nav a:last-child{display:none}header .navcta{display:none}}.grid-disclosure{font-size:10px!important;color:#8a5a3e!important;margin-top:16px!important}.shot-list{margin-top:12px;border-top:1px solid #dddfd4;padding-top:12px;font-size:12px;color:#656d5a;line-height:1.8}.shot-list summary{cursor:pointer;color:#333e2a}.shot-list ol{padding-left:20px}.shot-list li{margin:7px 0}.shot-list summary:focus-visible{outline:3px solid #e35931;outline-offset:4px}