:root{color:#273145;font-synthesis:none;--ink:#202a3c;--muted:#89909b;--orange:#eaa074;--border:#e7e6e1;background:#f5f4f0;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #cf875a}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,box-shadow .16s}button:active:not(:disabled){transform:translateY(1px)}.app{min-height:100vh}.site-header{border-bottom:1px solid var(--border);background:#fbfaf7;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.brand{color:#868c96;align-items:center;gap:11px;font-size:12px;display:flex}.brand img{width:37px;height:37px}.brand strong{letter-spacing:3px;color:var(--ink);font-size:23px}.brand>span{letter-spacing:2px;margin-top:5px;margin-left:-5px;font-size:9px}.brand>i{border-left:1px solid #dddfe0;height:18px;margin:0 9px}.header-right{align-items:center;gap:24px;font-size:12px;display:flex}.header-right>a{color:#707c8a;align-items:center;gap:5px;display:flex}.local-pill{color:#658774;background:#eef3ed;border:1px solid #e1e9df;border-radius:30px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:flex}.local-pill>span{background:#83a78d;border-radius:50%;width:5px;height:5px}.text-button{color:#788392;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--ink)}main{max-width:1480px;margin:auto;padding:37px 42px 15px}.intro{justify-content:space-between;align-items:center;gap:22px;display:flex}.eyebrow{letter-spacing:2px;color:#a69687;align-items:center;gap:7px;margin-bottom:13px;font-size:9px;display:flex}.eyebrow>span{background:#dfac89;border-radius:50%;width:5px;height:5px}.intro h1{letter-spacing:.5px;font-size:31px;font-weight:600;line-height:1.5}.intro h1 em{color:#a47355;font-style:normal}.intro p{color:#89909a;margin-top:10px;font-size:12px;line-height:1.8}.intro-note{color:#869b7a;background:#eceee8;border-radius:8px;align-items:center;gap:13px;padding:14px 18px;display:flex}.intro-note strong{color:#748366;font-size:12px;font-weight:500;display:block}.intro-note span{color:#9ba58d;margin-top:5px;font-size:10px;display:block}.workflow{color:#9a9da3;align-items:center;gap:13px;margin:30px 0 18px;padding:0 1px;font-size:11px;display:flex}.workflow>span{align-items:center;gap:7px;display:flex}.workflow b{border:1px solid #d9dcd9;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;font-weight:500;display:flex}.workflow .current{color:#7f604e}.workflow .current b{color:#a4724b;background:#f2e5da;border-color:#e7c8b2}.workflow .complete b{color:#7b9168;background:#e9eee2;border-color:#d8e1cf}.workflow>i{background:#dedfd9;width:30px;height:1px}.workflow>small{color:#9ca495;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.editor-shell{background:#fff;border:1px solid #e3e4df;border-radius:12px;grid-template-columns:minmax(0,1fr) 304px;align-items:stretch;display:grid;overflow:hidden;box-shadow:0 4px 18px #27313e03}.editor-area{flex-direction:column;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--border);background:#fdfdfb;justify-content:space-between;align-items:center;gap:10px;height:61px;padding:0 22px;display:flex}.tools{align-items:center;gap:5px;display:flex}.tool{white-space:nowrap;color:#85909d;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.tool.selected{color:#334158;background:#eceef1;border-color:#e2e5eb}.tool:hover:not(:disabled){background:#f2f0ed}.separator{border-left:1px solid #e3e5e7;height:18px;margin:0 10px}.icon-button{color:#9299a2;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--ink);background:#eceef0}.zoom-controls{align-items:center;gap:7px;display:flex}.zoom-label{color:#8f969f;background:0 0;border:0;min-width:52px;padding:3px;font-size:10px}.workspace{background-color:#f8f8f5;background-image:radial-gradient(#dcded8 .7px,#0000 .7px);background-size:14px 14px;flex-direction:column;flex:1;min-height:574px;display:flex;position:relative}.upload-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:33px 20px 36px;display:flex}.picture-art{width:172px;height:141px;margin:0 0 22px;position:relative}.mini-photo{background:#f0f1eb;border:1px solid #dcded8;border-radius:9px;width:106px;height:124px;position:absolute;top:7px;left:29px;transform:rotate(-13deg)}.mini-photo.front{background:#fff;border-color:#d5d9df;padding:14px;top:8px;left:52px;transform:rotate(9deg);box-shadow:0 10px 25px #2634510c}.picture-mountains{background:#e6eceb;border-radius:4px;height:79px;position:relative;overflow:hidden}.picture-mountains:before{content:"";background:#c4d1d0;border-radius:4px;width:80px;height:80px;position:absolute;top:40px;left:10px;transform:rotate(45deg)}.picture-mountains:after{content:"";background:#f4d8b8;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:11px}.mask-stripe{background:#303b4e;border-radius:2px;height:20px;position:absolute;top:58px;left:8px;right:8px;transform:rotate(-4deg)}.mini-lock{color:#69503f;background:#edb084;border:5px solid #f8f8f5;border-radius:50%;padding:9px;display:flex;position:absolute;bottom:-9px;right:-12px}.art-spark{color:#d2a47c;font-size:22px;position:absolute;top:0;left:14px}.upload-state h2{letter-spacing:.5px;color:#465366;font-size:24px;font-weight:550;line-height:1.6}.upload-state>p{color:#989faa;margin-top:14px;font-size:12px}.button{color:#536075;background:#fff;border:1px solid #dfe2e6;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:#f1f2f2}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 3px 8px #202a3c12}.button.primary:hover:not(:disabled){background:#34435c}.button.full{width:100%}.upload-state>.button{min-width:172px;margin-top:24px}.upload-state>small{color:#a3a9ae;margin-top:13px;font-size:10px}.demo-link{color:#b08b71;background:0 0;border:0;align-items:center;gap:7px;margin-top:24px;padding:0;font-size:11px;display:flex}.demo-link:hover{color:#78563e}.image-status{border-top:1px solid var(--border);color:#929aa3;justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:11px 21px;font-size:10px;display:flex}.image-status>span{align-items:center;gap:8px;min-width:0;display:flex}.image-status b{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:400;overflow:hidden}.image-status i{border-left:1px solid #d9dddf;height:10px;margin:0 2px}.image-status>button{white-space:nowrap;font-size:10px}.settings{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;display:flex}.settings-heading{border-bottom:1px solid var(--border);color:#8391a1;align-items:center;gap:8px;height:61px;padding:0 22px;display:flex}.settings-heading h2{color:#58677c;font-size:13px;font-weight:550}.setting-section{border-bottom:1px solid #eef0ed;padding:23px 22px 19px}.section-title{justify-content:space-between;align-items:center;gap:5px;display:flex}.section-title h3{color:#59677a;align-items:center;gap:7px;font-size:12px;font-weight:550;display:flex}.section-title h3>span{color:#bcc1c5;font-size:10px;font-weight:400}.badge{color:#ab947e;background:#f3eee7;border:1px solid #eee3d8;border-radius:4px;padding:3px 5px;font-size:9px}.setting-description{color:#929ba5;margin-top:12px;font-size:11px;line-height:1.9}.color-row{color:#8e97a1;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;display:flex}.color-row>div{gap:9px;display:flex}.swatch{border:1px solid #dfe2e5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.swatch.selected{outline-offset:2px;outline:2px solid #b8c2d1}.region-label{color:#929ca5;justify-content:space-between;align-items:center;margin-top:23px;font-size:10px;display:flex}.region-label b{color:#68778b;font-weight:500}.region-label button{font-size:10px}.no-regions{color:#acb3ba;background:#fafbf9;border:1px dashed #e0e4e6;border-radius:5px;justify-content:center;align-items:center;gap:7px;margin-top:11px;padding:15px 6px;font-size:10px;display:flex}.region-list{max-height:143px;margin-top:10px;overflow-y:auto}.region{background:#fcfdfb;border:1px solid #e9eced;border-radius:4px;align-items:center;margin-bottom:5px;padding:1px 4px;display:flex}.region.selected{background:#f2f5f8;border-color:#cdd6e2}.region>button:first-child{color:#7b8b9d;background:0 0;border:0;flex:1;align-items:center;gap:7px;min-width:0;padding:7px 4px;font-size:10px;display:flex}.region>button>span{border:1px solid #dae0e5;border-radius:2px;width:10px;height:10px}.region small{color:#a1aab4;margin-left:auto;font-size:9px}.coordinates{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.coordinates label{color:#98a2ae;flex-direction:column;gap:5px;font-size:9px;display:flex}.coordinates input{color:#647489;background:#fbfcfb;border:1px solid #e1e6ea;border-radius:4px;width:100%;min-width:0;padding:7px 8px;font-size:11px}.crop-status{color:#a2aab2;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.crop-status button{font-size:10px}.watermark-section{border-bottom:0}.toggle{display:inline-flex;position:relative}.toggle input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.toggle>span{background:#e0e4e7;border-radius:12px;width:29px;height:17px;transition:background .2s;display:block;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #202a3c22}.toggle input:checked+span{background:#73849f}.toggle input:checked+span:after{transform:translate(12px)}.toggle input:focus-visible+span{outline-offset:3px;outline:2px solid #dba276}.watermark-input{color:#a8b0ba;background:#fcfdfa;border:1px solid #e1e5e9;border-radius:5px;align-items:center;gap:8px;margin-top:14px;padding:11px 9px;display:flex}.watermark-input input{color:#748397;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.watermark-input input::placeholder{color:#a9b1bb}.opacity-row{color:#929da9;align-items:center;gap:8px;margin-top:16px;font-size:9px;display:flex}.opacity-row input{accent-color:#8090a5;cursor:pointer;flex:1;min-width:0;height:3px;margin:0 5px}.opacity-row>span{width:26px}.small-note{color:#a6adb4;margin-top:13px;font-size:9px;line-height:1.8}.export-section{background:#fafbf8;border-top:1px solid #e8ebe5;margin-top:auto;padding:20px 22px 17px}.export-summary{color:#8c9b85;align-items:center;gap:9px;margin-bottom:17px;display:flex}.export-summary strong{color:#7d8b74;font-size:11px;font-weight:500;display:block}.export-summary p{color:#a0aa96;margin-top:4px;font-size:9px}.export-section>.button{padding:12px 14px;font-size:12px}.export-section>.button>svg:last-child{margin-left:auto}.export-section>p{color:#9faa92;text-align:center;margin-top:10px;font-size:9px}.canvas-scroller{--preview-height:510px;overscroll-behavior:contain;height:588px;padding:30px;display:block;overflow:auto}.canvas-layout{flex-shrink:0;min-width:1px;margin:0 auto}.canvas-wrap{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;position:relative;box-shadow:0 5px 23px #2732481c}.canvas-wrap canvas{pointer-events:none;width:100%;height:auto;display:block}.editor-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-hint{color:#8893a1;background:#f4f5f1;border-top:1px solid #e7eae3;justify-content:center;align-items:center;gap:6px;padding:13px 10px;font-size:10px;display:flex}.canvas-hint>span{color:#a6aea6;margin-left:8px;font-size:9px}.drop-overlay{z-index:10;color:#7b8eaa;pointer-events:none;background:#eef0f7ec;border:2px dashed #9cabbe;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:10px}.drop-overlay strong{font-size:18px;font-weight:500}.page-footer{color:#a5acb0;justify-content:space-between;align-items:center;gap:16px;margin:20px 2px 0;font-size:9px;display:flex}.page-footer>div{white-space:nowrap;align-items:center;gap:18px;display:flex}.page-footer span{align-items:center;gap:5px;display:flex}.page-footer p{align-items:center;gap:12px;line-height:1.7;display:flex}.page-footer button{color:#a49587;font-size:9px}.hidden-file{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-banner{color:#ad7856;background:#fff0e7;border:1px solid #edcfba;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:12px 15px;font-size:12px;line-height:1.6;display:flex}.toast{z-index:25;color:#e6eaf0;background:#263349;border-radius:7px;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 28px);padding:13px 15px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #202a3c24}.toast .icon-button{color:#c9d0dc}.dialog{color:#546177;background:#fff;border:1px solid #dce1e7;border-radius:11px;width:min(650px,100vw - 28px);max-height:92dvh;padding:0;overflow:auto;box-shadow:0 25px 80px #202a3c55}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202a3c80}.dialog>header{z-index:3;background:#fff;border-bottom:1px solid #e7eaed;justify-content:space-between;align-items:center;padding:20px 23px;display:flex;position:sticky;top:0}.dialog h2{font-size:18px;font-weight:550}.dialog-body{color:#8390a2;padding:24px;font-size:13px;line-height:1.9}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.review-body{padding:23px}.review-image{background:#edf0ef;border:1px solid #e3e7e9;justify-content:center;max-height:51dvh;padding:12px;display:flex;overflow:auto}.review-image img{object-fit:contain;align-self:start;max-width:100%;height:auto;display:block}.review-details{color:#8b9aab;flex-wrap:wrap;align-items:center;gap:15px;margin:16px 0 10px;font-size:10px;display:flex}.review-details>span:first-child{color:#7b977d;align-items:center;gap:5px;display:flex}.review-body>p{color:#99a3af;margin-bottom:18px;font-size:11px;line-height:1.9}.review-body>.text-button{color:#9caab9;background:0 0;border:0;margin-top:4px}.help-content ol{margin:0;padding-left:20px}.help-content li{margin-bottom:14px;padding-left:3px}.help-content strong{color:#617187;font-weight:550}.help-content p{margin:17px 0;font-size:12px}.help-content .small-note{font-size:11px}.help-content>a{color:#a28b77;align-items:center;gap:5px;margin-top:20px;font-size:11px;display:flex}.help-tip{color:#8b9b76;background:#f5f8ef;border:1px solid #e4e9dd;border-radius:6px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;display:flex}.help-tip p{margin:0;font-size:11px}.help-tip>svg{margin-top:2px}@media (width>=1500px){main{padding-top:45px}.workspace{min-height:620px}.canvas-scroller{--preview-height:560px;height:636px}.editor-shell{grid-template-columns:minmax(0,1fr) 324px}.setting-section{padding:25px}.export-section{padding:24px}.upload-state h2{font-size:27px}}@media (width<=1100px){.site-header{padding:0 24px}.brand>i,.brand{font-size:0}.brand>i{display:none}.brand strong{font-size:22px}.header-right{gap:17px}main{padding:28px 24px 16px}.intro h1{font-size:27px}.intro-note{gap:9px;padding:12px}.intro-note>svg{width:21px}.intro-note strong{font-size:10px}.intro-note span{font-size:9px}.editor-shell{grid-template-columns:minmax(0,1fr) 285px}.settings-heading{padding:0 18px}.setting-section{padding:20px 18px}.export-section{padding:18px}.toolbar{padding:0 15px}.tool{padding:8px 9px}.separator{margin:0 6px}.canvas-scroller{--preview-height:470px;height:542px;padding:24px}.canvas-hint>span{display:none}.page-footer{flex-wrap:wrap;justify-content:center}.page-footer p{font-size:9px}.workflow{margin-top:27px}.intro p{font-size:11px}.intro-note{max-width:225px}}@media (width<=800px){.intro-note{display:none}.header-right{gap:15px}.brand>span{display:none}.site-header{height:66px;padding:0 20px}.header-right>a{font-size:11px}.header-right>.text-button{gap:0;font-size:0}.header-right>.text-button>svg{width:18px;height:18px}.editor-shell{grid-template-columns:minmax(0,1fr) 260px}.setting-section{padding:19px 16px}.export-section{padding:18px 16px}.section-title h3{font-size:11px}.badge{font-size:8px}.toolbar{padding:0 11px}.zoom-controls{gap:1px}.zoom-label{min-width:48px;font-size:9px}.tool{gap:5px;padding:7px;font-size:10px}.tools{gap:1px}.separator{margin:0 3px}.canvas-scroller{--preview-height:420px;height:515px;padding:20px}.canvas-hint{font-size:9px}.upload-state h2{font-size:20px}.upload-state>p{font-size:10px}.upload-state>small{font-size:9px}.picture-art{margin-bottom:14px;transform:scale(.9)}.image-status b{max-width:130px}.image-status{padding:10px 14px}.image-status>span{flex-wrap:wrap;gap:5px;font-size:9px}.image-status>span>i{display:none}.intro h1{font-size:26px}.page-footer>div{gap:14px}.page-footer p{flex-wrap:wrap;justify-content:center;gap:6px}}@media (width<=650px){.site-header{height:62px;padding:0 17px}.brand{gap:8px}.brand img{width:32px;height:32px}.brand strong{font-size:21px}.header-right{gap:12px}.header-right>a{font-size:10px}.local-pill{padding:5px 8px;font-size:8px}.header-right>.text-button{display:none}main{padding:24px 16px 20px}.eyebrow{letter-spacing:1.7px;margin-bottom:11px;font-size:8px}.intro h1{font-size:25px;line-height:1.6}.intro p{max-width:410px;font-size:11px;line-height:1.9}.workflow{gap:8px;margin:23px 0 16px;font-size:10px}.workflow>span{gap:5px}.workflow>i{width:18px}.workflow>small{display:none}.workflow b{width:17px;height:17px;font-size:9px}.editor-shell{grid-template-columns:minmax(0,1fr)}.toolbar{flex-wrap:wrap;height:auto;min-height:53px;padding:8px 12px}.tool{gap:6px;padding:7px 10px;font-size:11px}.tools{gap:3px}.separator{margin:0 6px}.zoom-controls{gap:3px;margin-left:auto}.zoom-label{font-size:10px}.workspace{min-height:430px}.upload-state{padding:28px 20px 32px}.picture-art{height:133px;margin-bottom:8px;transform:scale(.85)}.upload-state h2{font-size:23px}.upload-state>p{font-size:11px}.upload-state>.button{margin-top:20px;font-size:12px}.upload-state>small{font-size:9px}.demo-link{margin-top:19px;font-size:11px}.settings{border-left:0;border-top:1px solid var(--border)}.settings-heading{height:53px;padding:0 20px}.setting-section{padding:21px}.section-title h3{gap:9px;font-size:13px}.section-title h3>span{font-size:10px}.badge{padding:4px 7px;font-size:10px}.setting-description{font-size:12px;line-height:1.8}.setting-description br{display:none}.color-row{margin-top:19px;font-size:12px}.swatch{width:25px;height:25px}.region-label{margin-top:20px;font-size:11px}.region-label button{font-size:11px}.region-list{max-height:140px}.region>button:first-child{padding:9px 5px;font-size:12px}.region small{font-size:10px}.no-regions{padding:17px;font-size:11px}.coordinates label{font-size:11px}.coordinates input{padding:9px;font-size:12px}.crop-status,.crop-status button{font-size:11px}.watermark-input{padding:12px}.watermark-input input{font-size:12px}.opacity-row{gap:12px;font-size:11px}.small-note{font-size:10px}.export-section{padding:21px}.export-summary strong{font-size:12px}.export-summary p{font-size:10px}.export-section>.button{padding:14px;font-size:13px}.export-section>p{font-size:10px}.canvas-scroller{--preview-height:440px;height:487px;padding:18px}.canvas-hint{padding:12px;font-size:10px}.image-status{min-height:44px;padding:11px 15px;font-size:10px}.image-status b{max-width:155px}.image-status>button{font-size:10px}.page-footer{gap:13px;margin-top:20px;font-size:10px}.page-footer p{text-align:center;font-size:10px;line-height:1.9}.page-footer button{margin-top:2px;font-size:10px}.toast{font-size:11px;bottom:17px}.dialog>header{padding:17px 20px}.dialog h2{font-size:17px}.dialog-body{padding:20px;font-size:12px}.dialog-actions{flex-wrap:wrap}.dialog-actions>.button{flex:1;padding:10px;font-size:11px}.review-body{padding:17px}.review-details{gap:8px;font-size:9px}.review-image{max-height:45dvh}.help-content li{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}