:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#2d302f;background:#f7f8f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8f6}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:#f8f9f7}.topbar{height:76px;padding:0 42px;background:#ffffffeb;border-bottom:1px solid #e8ebe7;display:flex;align-items:center;gap:30px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:360px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#b96d52;font-weight:800;font-family:serif}.brand-name{font-family:Songti SC,STSong,serif;font-size:21px;font-weight:700;letter-spacing:-.04em}.brand-subtitle{margin-top:3px;color:#9a9d9a;font-size:11px;letter-spacing:.18em}.topbar-note{margin-left:auto;color:#979b98;font-size:12px;letter-spacing:.09em}.topbar-note i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b96d52;margin:0 10px 3px}.creator-chip{border:0;background:transparent;color:#6d726f;font-size:12px;white-space:nowrap}.workspace{width:min(1440px,calc(100% - 64px));margin:28px auto;display:grid;grid-template-columns:520px minmax(0,1fr);gap:24px;align-items:start}.controls-panel,.preview-panel{background:#ffffffdb;border:1px solid #e6e9e6;border-radius:14px;box-shadow:0 14px 36px #47524c0e}.controls-panel{max-height:calc(100vh - 132px);overflow-y:auto;padding:30px 34px 24px;scrollbar-color:#d5ddd7 transparent;scrollbar-width:thin}.preview-panel{padding:30px 34px 24px;min-height:calc(100vh - 132px)}.panel-heading,.preview-heading{display:flex;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 7px;color:#b0715b;font-size:10px;font-weight:700;letter-spacing:.19em}h1,h2,p{margin-top:0}.panel-heading h1,.preview-heading h2{margin:0;color:#262b29;font-family:Songti SC,STSong,serif;font-size:23px;letter-spacing:-.04em}.panel-heading h1+p,.preview-heading h2+p{margin:7px 0 0;color:#a1a5a1;font-size:12px}.text-button{border:0;background:transparent;color:#9b9f9c;font-size:12px;align-self:start}.text-button:hover{color:#b96d52}.preview-heading h2 span{margin-left:7px;color:#aeb4b0;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:.05em}.preview-meta{display:flex;align-items:start;gap:14px;color:#a0a6a2;font-size:12px}.preview-meta button{border:1px solid #e1e6e2;border-radius:6px;padding:7px 10px;color:#7d8580;background:#fff;font-size:11px}.form-grid{display:grid;gap:15px}.account-grid{grid-template-columns:1fr 1fr;margin-top:28px}label{position:relative;display:block;color:#4a514d;font-size:12px;font-weight:600}label>input,label>textarea,label>select,.setting-row select{width:100%;margin-top:8px;border:1px solid #dfe4e0;border-radius:7px;outline:none;padding:11px 12px;color:#303633;background:#fff;font-size:13px;font-weight:400;transition:border-color .2s,box-shadow .2s}label>input:focus,label>textarea:focus,label>select:focus,.setting-row select:focus{border-color:#b96d52;box-shadow:0 0 0 3px #b96d521a}label>span{position:absolute;right:10px;bottom:10px;color:#a3aaa5;font-size:10px;font-weight:400}label em,.setting-heading em{color:#afb4b0;font-size:10px;font-style:normal;font-weight:400}.field-block{margin-top:22px}.title-input{min-height:56px;resize:vertical}.body-input{min-height:148px;resize:vertical;line-height:1.85}.field-block>span{bottom:10px}.section-divider{height:1px;margin:24px 0 20px;background:#e9ece9}.setting-section+.setting-section{margin-top:21px}.setting-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:11px}.setting-heading h2{margin:0;color:#464e49;font-size:13px}.setting-heading small{color:#a6aba7;font-size:10px;font-weight:400}.segmented{display:inline-flex;border:1px solid #e0e5e1;border-radius:6px;padding:2px;background:#fbfcfb}.segmented button,.mode-switch button{border:0;padding:8px 12px;border-radius:4px;color:#8d9690;background:transparent;font-size:11px}.segmented button.selected,.mode-switch button.selected{color:#a65f49;background:#fff;box-shadow:0 1px 4px #57625b1a}.type-segmented{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.type-segmented button{padding-inline:4px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.template-option{border:1px solid #e1e5e2;border-radius:8px;padding:7px 5px 8px;background:#fff;color:#555c57}.template-option.selected{border-color:#c1765d;box-shadow:0 0 0 2px #c1765d1a}.template-option strong{display:block;margin-top:5px;font-size:10px;font-weight:600}.template-option small{display:block;margin-top:3px;color:#b2b7b3;font-size:9px}.template-swatch{height:48px;display:grid;place-items:center;border-radius:5px;position:relative;overflow:hidden;color:#555;background:#f7f4ef}.template-swatch b{font-family:serif;font-size:20px;font-weight:500}.template-swatch i{position:absolute;left:13px;bottom:11px;width:18px;height:2px;background:#b96d52}.swatch-ink{background:#f1f3f2}.swatch-ink b{font-family:sans-serif;font-weight:700}.swatch-ink i{background:#84909b}.swatch-sage{background:#e9f0ea}.swatch-sage i{background:#78917d}.swatch-sand{background:#f3ebe1}.swatch-sand i{background:#bf9270}.mode-switch{display:flex;width:fit-content;border:1px solid #e1e5e2;border-radius:6px;padding:2px;margin-bottom:11px}.color-row{display:grid;grid-template-columns:1fr 22px 1fr;gap:8px;align-items:center}.color-input{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border:1px solid #e1e5e2;border-radius:6px;background:#fff;color:#8e9691;font-size:10px;font-weight:400}.color-input input{width:21px;height:21px;margin:0;padding:0;border:0;background:transparent}.color-arrow{color:#abb2ad;text-align:center}.swatch-row{display:flex;align-items:center;gap:8px;margin-top:10px}.swatch-row>button{width:27px;height:27px;border:1px solid rgba(83,93,87,.12);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffffb8}.swatch-row>button:hover,.swatch-row>button.selected{outline:2px solid #b96d52;outline-offset:2px}.setting-section select{min-height:35px;margin-top:10px;padding:8px 10px;color:#667069;font-size:11px}.solid-swatches .single-color{width:auto;padding:3px 7px 3px 4px}.compact-settings .setting-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;min-height:35px;color:#7d857f;font-size:11px}.compact-settings .setting-row+.setting-row{margin-top:7px}.compact-settings .setting-row select{margin-top:0}.text-color-row .color-input{width:132px}.portrait-tools{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:stretch}.upload-box{min-height:90px;border:1px dashed #cbd4ce;border-radius:8px;background:#fbfcfb;color:#68716b;text-align:left;padding:12px;position:relative}.upload-box img{width:48px;height:48px;margin-right:8px;object-fit:cover;border-radius:50%;vertical-align:middle;filter:saturate(.35)}.upload-plus{display:inline-grid;place-items:center;width:46px;height:46px;margin-right:8px;border:1px solid #dbe2dc;border-radius:50%;color:#9aa49c;vertical-align:middle;font-size:20px;font-weight:300}.upload-box strong{font-size:11px;font-weight:600;vertical-align:middle}.upload-box small{display:block;margin:7px 0 0 1px;color:#a2aaa4;font-size:9px}.portrait-options{display:flex;flex-direction:column;justify-content:center;gap:9px}.switch-line,.mini-control{display:flex;align-items:center;gap:7px;color:#6c756e;font-size:10px;font-weight:400}.switch-line input{display:none}.fake-switch{width:31px;height:17px;border-radius:20px;background:#d4dcd6;position:relative;transition:.2s}.fake-switch:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:.2s}.switch-line input:checked+.fake-switch{background:#b96d52}.switch-line input:checked+.fake-switch:after{left:17px}.mini-control{justify-content:space-between}.mini-control select{width:96px;margin:0;min-height:28px}.mini-control input[type=range]{width:98px;accent-color:#b96d52}.portrait-help{color:#a7ada8;font-size:10px;line-height:1.6}.panel-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin:24px -2px 0;position:sticky;bottom:-1px;z-index:2;padding:10px 2px 0;background:linear-gradient(180deg,#fff0,#fffffff5 30%)}.panel-actions button{min-height:44px;border-radius:7px;font-size:13px;font-weight:600}.primary-action{border:1px solid #b96d52;color:#fff;background:#b96d52}.primary-action:hover{background:#a95f48}.primary-action:disabled{opacity:.7;cursor:wait}.secondary-action{border:1px solid #cfd7d1;color:#677069;background:#fff}.secondary-action:hover{border-color:#b96d52;color:#a65f49}.panel-footnote,.preview-bottom{margin:12px 0 0;color:#aeb5b0;font-size:10px;text-align:center}.preview-stage{min-height:720px;margin:26px 0 0;display:grid;place-items:center;padding:0 30px 20px;background:#fafbfa;border:1px solid #edf0ed;border-radius:10px}.poster{width:min(100%,510px);aspect-ratio:3 / 4;min-height:620px;padding:45px 48px 35px;border:1px solid rgba(93,100,94,.12);box-shadow:0 18px 38px #484f4a1a;position:relative;overflow:hidden;display:flex;flex-direction:column}.poster:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid rgba(91,103,95,.12);pointer-events:none}.poster-topline,.poster-footer{display:flex;justify-content:space-between;position:relative;color:currentColor;opacity:.56;font-size:9px;letter-spacing:.16em}.poster-rule{width:44px;height:2px;margin-top:18px;background:#ba6f55;opacity:.8}.poster-content{position:relative;flex:1;padding-top:64px}.poster-kicker{color:currentColor;opacity:.55;font-size:9px;letter-spacing:.23em}.poster-title{max-width:96%;margin:23px 0 0;color:currentColor;font-size:clamp(28px,3.6vw,47px);font-weight:600;line-height:1.22;letter-spacing:-.065em}.poster-font-sans{font-family:PingFang SC,Microsoft YaHei,sans-serif}.poster-font-serif{font-family:Songti SC,STSong,serif}.poster-accent{width:38px;height:4px;margin-top:24px;background:#b86d53}.poster-body{max-width:96%;margin-top:25px;font-size:clamp(13px,1.25vw,17px);line-height:1.95;letter-spacing:.015em}.poster-body p{margin:0}.poster-body .poster-gap{height:10px}.poster-center{text-align:center}.poster-center .poster-accent,.poster-center .poster-body{margin-inline:auto}.poster-signature{position:relative;display:flex;align-items:center;gap:11px;margin:20px 0 26px}.poster-signature.signature-right{flex-direction:row-reverse;justify-content:flex-start}.poster-signature.signature-top{position:absolute;top:70px;right:42px;flex-direction:column;align-items:flex-end}.poster-signature img{width:46px;height:46px;flex:0 0 auto;object-fit:cover;border-radius:50%;filter:saturate(.35)}.signature-copy{display:flex;flex-direction:column;gap:2px}.signature-copy strong{font-family:Songti SC,STSong,serif;font-size:15px}.signature-copy span{opacity:.65;font-size:11px}.signature-copy small{max-width:220px;opacity:.5;font-size:9px}.poster-footer{margin-top:auto;font-size:8px;letter-spacing:.11em}.poster-ink .poster-accent{background:#8092a0}.poster-ink:before{border-color:#6f7c8429}.poster-sage .poster-accent{background:#728d79}.poster-sand .poster-accent{background:#bc9070}.poster-download-trigger{position:absolute;right:18px;bottom:16px;border:0;opacity:0;background:transparent;color:currentColor;font-size:10px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:20;padding:10px 16px;border:1px solid rgba(255,255,255,.7);border-radius:30px;color:#fff;background:#38413b;box-shadow:0 10px 26px #323a3533;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#1f25212e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.download-modal{width:min(100%,420px);position:relative;padding:30px;border:1px solid #e6ebe7;border-radius:14px;background:#fff;box-shadow:0 22px 70px #29302c29}.download-modal h2{margin:0;color:#2e3530;font-family:Songti SC,STSong,serif;font-size:25px}.download-modal>p:not(.eyebrow){margin:8px 0 24px;color:#8f9891;font-size:12px;line-height:1.8}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#9ba49d;font-size:22px}.export-info{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;color:#9ba39c;font-size:11px}.export-info strong{margin-left:5px;color:#4f5952;font-weight:500}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.modal-actions button{min-height:42px;border:1px solid #cbd4cd;border-radius:7px;color:#5b665e;background:#fff;font-size:12px}.modal-actions button:last-child{border-color:#b96d52;color:#fff;background:#b96d52}@media(max-width:1120px){.workspace{grid-template-columns:440px minmax(0,1fr);width:min(100% - 32px,1000px)}.controls-panel,.preview-panel{padding-inline:24px}.preview-stage{padding-inline:15px}.topbar{padding-inline:24px}.topbar-note{display:none}}@media(min-width:1121px)and (max-height:1100px){.controls-panel{padding:23px 30px 16px}.account-grid{margin-top:18px;gap:11px}.field-block{margin-top:14px}.title-input{min-height:47px}.body-input{min-height:104px;line-height:1.65}.section-divider{margin:16px 0 13px}.setting-section+.setting-section{margin-top:13px}.setting-heading{margin-bottom:7px}.template-swatch{height:36px}.template-option strong{margin-top:3px}.template-option small{margin-top:1px}.template-option{padding:5px 4px}.color-row{gap:6px}.swatch-row{margin-top:7px}.setting-section select{margin-top:7px;min-height:31px;padding-block:5px}.compact-settings .setting-row{min-height:29px}.compact-settings .setting-row+.setting-row{margin-top:3px}.portrait-tools{gap:9px}.upload-box{min-height:72px;padding:8px}.upload-plus{width:37px;height:37px;margin-right:5px;font-size:17px}.upload-box img{width:38px;height:38px;margin-right:5px}.upload-box small{margin-top:4px}.portrait-options{gap:5px}.panel-actions{margin-top:15px}.panel-actions button{min-height:38px}.panel-footnote{margin-top:7px}.preview-panel{padding-top:23px}.preview-stage{min-height:0;margin-top:18px;padding-top:15px;padding-bottom:15px}}@media(max-width:820px){.topbar{height:auto;min-height:68px;padding:14px 18px}.brand-lockup{min-width:0}.brand-name{font-size:17px}.brand-subtitle,.creator-chip{display:none}.workspace{display:flex;flex-direction:column;width:min(100% - 24px,640px);margin:12px auto 24px}.controls-panel,.preview-panel{width:100%}.preview-panel{order:-1;min-height:0;padding:22px 16px 20px}.controls-panel{max-height:none;overflow:visible;padding:24px 18px 20px}.panel-actions{position:static;padding-top:0;margin-inline:0;background:none}.preview-stage{min-height:0;margin-top:18px;padding:20px 10px}.poster{width:min(100%,430px);min-height:0}.preview-bottom{display:none}.preview-meta{font-size:10px}.preview-meta button{display:none}}@media(max-width:480px){.account-grid,.portrait-tools{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.type-segmented button{font-size:10px}.poster{padding:28px 28px 24px}.poster-content{padding-top:44px}.poster-title{font-size:31px}.poster-body{font-size:14px}.poster-topline,.poster-footer{font-size:7px}.panel-actions{grid-template-columns:1fr 1fr}}