@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(./dm-serif-display-latin-400-normal-C5_t9oOD.woff2) format("woff2"),url(./dm-serif-display-latin-400-normal-_kVFYEpx.woff) format("woff")}@font-face{font-family:"DM Serif Display";font-style:italic;font-display:swap;font-weight:400;src:url(./dm-serif-display-latin-400-italic-DpcbibHm.woff2) format("woff2"),url(./dm-serif-display-latin-400-italic-BgxzcTJK.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(./space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(./space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{font-family:DM Sans,Arial,sans-serif;color:#222d29;background:#eae7df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #3a68a8;outline-offset:3px}#app{max-width:1640px;margin:0 auto;padding:0 46px}.topbar{height:89px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b7bab0}.brand{display:flex;align-items:center;gap:12px;color:#1b3930;font-family:Space Grotesk,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.06em;text-decoration:none}.brand-mark{height:31px;width:31px;position:relative;display:block}.brand-mark i{display:block;position:absolute;width:12px;height:12px;background:#2a6550;transform:rotate(14deg)}.brand-mark i:nth-child(1){top:1px;left:2px}.brand-mark i:nth-child(2){top:10px;left:12px;background:#d4975b}.brand-mark i:nth-child(3){bottom:0;left:2px;background:#2f4b91}.topbar-right{display:flex;align-items:center;gap:23px}.local-note{font-size:13px;color:#68726c}.language{border:1px solid #a4ada4;background:transparent;border-radius:2px;padding:9px 13px;color:#1b3930;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(480px,.93fr);gap:clamp(38px,5vw,90px);align-items:start;padding:54px 0 100px}.intro{margin-bottom:57px}.overline{color:#517266;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px}.intro h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(48px,4.7vw,79px);line-height:.99;font-weight:400;letter-spacing:-.045em;margin:0;color:#203d33}.intro h1 em{font-weight:400;color:#a5744d}.intro-copy{color:#606a61;max-width:540px;font-size:17px;line-height:1.5;margin:23px 0 0}.step-title{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid #b7bab0;margin:30px 0 20px;padding:0 0 11px}.step-title span{font-family:Space Grotesk,sans-serif;color:#8a997e;font-size:13px;font-weight:700}.step-title h2{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.04em;margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.fields label{min-width:0;display:flex;flex-direction:column;gap:8px}.fields .wide,.field-pair{grid-column:1/-1}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label span{font-size:13px;font-weight:700;color:#4b5951}.fields input,.fields textarea{width:100%;padding:13px 14px;border:1px solid #c2c5bb;background:#f6f4ee;border-radius:3px;color:#213129;outline:none;resize:vertical;line-height:1.35}.fields input:focus,.fields textarea:focus{border-color:#436f5a;box-shadow:0 0 0 2px #436f5a24}.style-grid,.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-option{display:grid;text-align:left;grid-template-columns:47px 1fr;grid-template-rows:auto auto;column-gap:12px;min-height:74px;border:1px solid #c5c7bc;background:#f3f1ea;padding:11px 13px;border-radius:3px;color:#24312a}.style-option:hover,.platform:hover{border-color:#5d846f}.style-option.is-selected,.platform.is-selected{border:2px solid #275c48;background:#e6ece5;padding:10px 12px}.style-option strong{align-self:end;font-family:Space Grotesk,sans-serif;letter-spacing:-.025em;font-size:15px}.style-option small{color:#67716a;font-size:12px}.swatch{grid-row:1/3;width:42px;height:49px;border-radius:2px;position:relative;overflow:hidden}.swatch b{display:block;position:absolute}.field-swatch{background:#153c32}.field-swatch b{left:7px;top:12px;width:28px;height:20px;border-top:2px solid #d9ad6f;border-bottom:7px solid #efece1}.photo-swatch{background:linear-gradient(135deg,#98ad8d 50%,#345b55 50%)}.photo-swatch b{height:17px;bottom:0;left:0;right:0;background:#f4f0e6}.data-swatch{background:#e7eee8}.data-swatch b{top:12px;left:7px;width:27px;height:21px;background:#b5d8c7;border-left:4px solid #184d66}.poster-swatch{background:#213ac2}.poster-swatch b{width:24px;height:24px;right:-6px;top:0;background:#f3bb7a;border-radius:50%;box-shadow:-26px 29px #ef7657}.upload{margin-top:13px;padding:14px;display:flex;align-items:center;gap:12px;border:1px dashed #9caea2;background:#edf0e9;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{height:35px;width:35px;border:1px solid #6e947d;display:grid;place-items:center;color:#286347;font-size:25px;line-height:1}.upload strong,.upload small{display:block}.upload strong{font-size:14px}.upload small{font-size:12px;color:#657268;margin-top:3px}.upload-status{margin-left:auto;color:#2a6550;font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform{padding:15px 14px;text-align:left;border:1px solid #c5c7bc;background:#f3f1ea;border-radius:3px;display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:#26352d}.platform strong{font-size:14px}.platform span{font-size:11px;color:#667168;white-space:nowrap}.format-note{font-size:12px;color:#71786e;line-height:1.45;margin:13px 0 0}.preview-column{position:sticky;top:18px}.preview-top{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:0 0 16px}.preview-top .overline{margin-bottom:4px}.preview-top h2{font-size:21px;font-family:Space Grotesk,sans-serif;letter-spacing:-.035em;margin:0}.size-tag{font-size:12px;color:#526358;background:#d9e0d6;padding:7px 9px;white-space:nowrap}.canvas-stage{height:min(64vh,810px);min-height:460px;display:flex;align-items:center;justify-content:center;background:#dbddd3;border:1px solid #b9c0b5;padding:24px;position:relative}.canvas-stage:before,.canvas-stage:after{content:"";position:absolute;width:16px;height:16px;border:1px solid #a6aea1}.canvas-stage:before{top:8px;left:8px;border-right:0;border-bottom:0}.canvas-stage:after{right:8px;bottom:8px;border-top:0;border-left:0}#preview{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 12px 37px #142a2024}.export-bar{display:flex;gap:10px;margin-top:17px}.export-bar button{height:48px;border-radius:3px;font-size:14px;font-weight:700}.export-primary{flex:1;background:#235a46;color:#fff;border:1px solid #235a46}.export-primary:hover{background:#1a4737}.export-secondary{width:92px;background:transparent;border:1px solid #738879;color:#235a46}.bottom-note{font-size:12px;line-height:1.5;color:#738075;margin:15px 0 0}.status{font-size:13px;color:#a4472b;min-height:18px;margin:11px 0 0}.footer{display:flex;justify-content:space-between;border-top:1px solid #b7bab0;padding:20px 0 28px;color:#748076;font-size:12px}.footer a{color:#2a6550;text-decoration:none}@media(max-width:1080px){#app{padding:0 28px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:28px}.platform{display:block}.platform span{display:block;margin-top:3px}.canvas-stage{min-height:390px}}@media(max-width:760px){#app{padding:0 18px}.topbar{height:68px}.local-note{display:none}.workspace{display:flex;flex-direction:column;padding:33px 0 52px;gap:34px}.editor,.preview-column{width:100%}.intro{margin-bottom:40px}.intro h1{font-size:52px}.preview-column{position:static}.canvas-stage{height:600px;min-height:0}.fields{gap:13px}.style-grid{gap:8px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.intro h1{font-size:43px}.field-pair{grid-template-columns:1fr}.platforms{grid-template-columns:1fr 1fr}.style-option{grid-template-columns:36px 1fr;padding:9px;column-gap:8px}.style-option.is-selected{padding:8px}.swatch{width:34px}.style-option strong{font-size:13px}.style-option small{font-size:11px}.canvas-stage{height:520px;padding:12px}.size-tag{font-size:10px}.preview-top h2{font-size:17px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s}}.profile-link{display:inline-block;margin-top:18px;color:#235a46;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.profile-link:hover{color:#163e2f}.language-entry{display:block;width:fit-content;max-width:100%;margin-top:20px;padding:11px 14px;border:1px solid #235a46;border-radius:3px;background:#235a46;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none}.language-entry:hover{background:#1a4737}.language-entry.is-secondary{margin-top:18px;padding:0;border:0;background:none;color:#235a46;text-decoration:underline;text-underline-offset:4px}.language-entry.is-secondary:hover{color:#163e2f}.export-all{width:100%;min-height:44px;margin-top:9px;border:1px solid #235a46;border-radius:3px;background:transparent;color:#235a46;font-size:14px;font-weight:700}.export-all:hover{background:#e0e9df}.export-all:disabled{cursor:progress;opacity:.55}.brand-name{font-size:clamp(16px,1.8vw,24px);letter-spacing:-.045em;white-space:nowrap}@media(max-width:460px){.brand-name{font-size:16px}}@media(max-width:460px){html[lang=zh-CN] .intro h1{font-size:36px}}@media(max-width:360px){html[lang=zh-CN] .intro h1{font-size:29px}}.footer{flex-wrap:wrap;gap:10px 20px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.export-followup{margin-top:16px;padding:15px 18px;border-left:3px solid #235a46;background:#e3e9df;color:#234a39}.export-followup[hidden]{display:none}.export-followup p{margin:0 0 8px;font-size:14px;font-weight:700}.export-followup a{display:inline-block;margin:0 20px 4px 0;color:#235a46;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}