@font-face{font-family:PosterBlack;src:url('./assets/poster-black.woff2') format('woff2');font-weight:900;font-display:block}
:root{--ink:#21332d;--muted:#7d8982;--green:#164d42;--line:#e5e9e1;--page:#f7f8f3;--accent:#cced9e;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-synthesis:weight}
*{box-sizing:border-box}body{margin:0;background:var(--page)}button,input,textarea,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aad4c3;outline-offset:3px}input,textarea,select{min-width:0}button{white-space:nowrap}.topbar{height:82px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:1px}.brand-divider{font-weight:400;margin:0 12px;color:#c4cdc4}.top-right{display:flex;align-items:center;gap:27px}.save-status{font-size:12px;color:#87938b;display:flex;align-items:center;gap:7px}.save-status i,.live-label i{width:6px;height:6px;background:#6b9f68;border-radius:50%}.text-button{border:0;background:none;padding:5px 0;color:var(--green);font-size:13px;line-height:1.5}.text-button:hover{text-decoration:underline}.text-button.small{font-size:12px}.text-button.reset{color:#969c96}main{max-width:1384px;margin:auto;padding:36px 32px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:#81947e;margin:0 0 10px}h1{font-size:27px;font-weight:740;letter-spacing:-.8px;line-height:1.4;margin:0}.intro-copy{font-size:13px;color:var(--muted);margin:9px 0 0}.template-badge{display:flex;align-items:center;gap:10px;border:1px solid #e0e6dc;border-radius:30px;padding:9px 14px;background:#fffdf8;font-size:11px;color:#6e8074;white-space:nowrap}.swatches{display:flex}.swatches i{width:12px;height:12px;border-radius:50%;border:2px solid #fffdf8;margin-left:-2px;background:#fa626e}.swatches i:nth-child(2){background:#50baf8}.swatches i:nth-child(3){background:#3ee771}.swatches i:nth-child(4){background:#b77cf4}.workspace{display:grid;grid-template-columns:374px minmax(0,1fr);gap:30px;align-items:start}.editor{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #243d2904}.form-section{padding:23px;border-bottom:1px solid #edf0e9}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:18px}.section-heading h2{font-size:14px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0}.section-heading h2>span{font-size:10px;font-weight:650;background:#f0f4ec;color:#8ca17f;border-radius:5px;padding:4px}.small-note{font-size:10px;color:#91998f}.carrier-options{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.carrier-option{--carrier:#ef5b67;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e6ebe3;border-radius:9px;position:relative;cursor:pointer;transition:background .16s,border .16s}.carrier-option[data-carrier=telecom]{--carrier:#4daff0}.carrier-option[data-carrier=mobile]{--carrier:#27b963}.carrier-option[data-carrier=broadnet]{--carrier:#a375df}.carrier-option:has(input:checked){background:#f4f8ed;border-color:#527c5b;box-shadow:0 0 0 1px #527c5b20}.carrier-option:has(input:focus-visible){outline:3px solid #aad4c3;outline-offset:3px}.carrier-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.carrier-dot{width:9px;height:28px;border-radius:6px;background:var(--carrier);flex:none}.carrier-option b{display:block;font-size:12px;font-weight:650}.carrier-option small{display:block;font-size:10px;color:#9aa195;margin-top:3px}.selected-check{font-size:12px;color:#376644;margin-left:auto;visibility:hidden}.carrier-option input:checked~.selected-check{visibility:visible}.field{margin-bottom:15px}.field:last-child{margin-bottom:0}.field label{font-size:12px;font-weight:570;display:flex;align-items:center;gap:5px;margin-bottom:7px}.field label em{font-size:10px;color:#9ba394;font-weight:400;font-style:normal}.field input,.field textarea,.export-options select{border:1px solid #e1e7de;background:#fdfefb;width:100%;border-radius:7px;padding:10px 11px;font-size:13px;line-height:1.3;color:#23382d;transition:border .16s}.field input::placeholder,.field textarea::placeholder{color:#a5afa4;font-weight:400}.field input:focus,.field textarea:focus{outline:none;border-color:#6d9275;box-shadow:0 0 0 3px #6d927512}.field small{color:#a0a99c;font-size:10px;display:block;margin-top:6px;line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.input-unit{position:relative}.input-unit input{padding-right:44px}.input-unit>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:10px;color:#8d998a;pointer-events:none}.field textarea{resize:vertical;min-height:66px;max-height:160px}.field-warning{font-size:11px;line-height:1.6;color:#a77424;padding:8px 10px;background:#fff9e8;border-radius:6px}.switch-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#889581;line-height:1.6}.switch-label input{accent-color:var(--green)}.muted-note{font-size:10px;line-height:1.9;color:#9ba694;margin:12px 0 0}.form-footer{display:flex;align-items:center;gap:15px;padding:16px 23px;background:#fdfefb}.form-footer .text-button{font-size:11px}.form-footer .reset{margin-left:auto}.preview-column{position:sticky;top:24px;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;height:30px;margin-bottom:13px}.preview-heading h2{font-size:13px;font-weight:650;margin:0;display:flex;align-items:center;gap:12px}.preview-heading h2 span{font-size:10px;letter-spacing:.5px;font-weight:400;color:#9ba592;border-left:1px solid #dce1d7;padding-left:12px}.live-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#819474}.preview-surface{border:1px solid #e1e6dc;background-color:#eceee7;background-image:radial-gradient(#d7ddd0 .8px,transparent .8px);background-size:12px 12px;padding:25px;border-radius:14px;display:flex;justify-content:center;min-width:0}.canvas-wrap{position:relative;width:100%;max-width:min(100%,650px,max(360px,calc(100vh - 310px)));aspect-ratio:1;box-shadow:0 5px 17px #21342b1c}canvas{display:block;width:100%;height:auto;aspect-ratio:1}.loading{position:absolute;inset:0;background:#fffdf7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:24px}.loading b{font-size:14px}.loading span{font-size:12px;color:var(--muted)}.spinner{width:28px;height:28px;border:2px solid #e0e7dc;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}.loading.error .spinner{display:none}.loading[hidden]{display:none}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0 20px;font-size:10px;color:#96a08f;line-height:1.8}.preview-caption .text-button{font-size:11px}.export-panel{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:end;gap:15px}.export-options{display:flex;gap:12px;flex:1}.export-options label{font-size:10px;color:#8d9a83;display:block}.export-options label:first-child{flex:1}.export-options select{display:block;margin-top:6px;font-size:12px;padding:9px;min-height:37px;border-radius:6px}.primary-button{border:0;background:var(--green);color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 23px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;min-height:40px;transition:background .15s,transform .15s}.primary-button:hover{background:#216653}.primary-button:active{transform:translateY(1px)}.export-note{text-align:center;color:#9da795;font-size:10px;margin:13px 0;letter-spacing:.3px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;margin-top:20px;font-size:10px;color:#a6afa0;border-top:1px solid var(--line)}.page-footer span:first-child{letter-spacing:2px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.2s;background:#183f33;color:#fff;padding:12px 20px;border-radius:9px;box-shadow:0 4px 20px #132c3526;font-size:12px;z-index:100;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:16px;padding:0;max-width:min(92vw,640px);width:640px;color:var(--ink);box-shadow:0 18px 80px #122d3d30;max-height:92vh}dialog::backdrop{background:#12291ddd;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:start;justify-content:space-between;padding:22px 24px 16px;gap:12px}.dialog-header h2{font-size:17px;margin:0}.dialog-header p{font-size:11px;color:var(--muted);margin:7px 0 0}.close-button{border:0;background:#eff3eb;border-radius:50%;height:28px;width:28px;font-size:22px;line-height:1;color:#68806b}.image-dialog-body{padding:0 24px;max-height:65vh;overflow:auto}.image-dialog-body img{width:100%;display:block}.dialog-actions{display:flex;gap:12px;padding:18px 24px;justify-content:flex-end}.secondary-button{border:1px solid #d9e3d3;background:white;border-radius:8px;color:#4b684c;padding:10px 15px;font-size:12px}.help-list{margin:8px 24px 0;padding-left:23px}.help-list li{padding:6px 0 10px 8px;font-size:13px}.help-list p{font-size:12px;line-height:1.9;color:#87937e;margin:6px 0}.help-foot{font-size:11px;line-height:1.9;background:#f7f9f3;padding:14px 20px;margin:10px 24px 24px;border-radius:9px;color:#829079}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-preview-button{display:none}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.preview-surface{padding:30px}.canvas-wrap{max-width:min(650px,max(360px,calc(100vh - 310px)))}.workspace{grid-template-columns:390px minmax(0,1fr);gap:40px}}
@media(max-width:1000px){main{padding:25px 22px 0}.workspace{grid-template-columns:330px minmax(0,1fr);gap:22px}.form-section{padding:19px}.section-heading .small-note{display:none}.preview-surface{padding:16px}.preview-heading h2 span{display:none}h1{font-size:23px}.template-badge{font-size:10px;padding:8px 10px}.export-panel{flex-wrap:wrap;padding:15px}.export-options{flex-basis:100%}.export-panel>.primary-button{width:100%}.preview-caption{align-items:start;font-size:10px}.preview-caption>span{max-width:70%}.topbar{padding:0 24px;height:72px}}
@media(max-width:720px){.topbar{height:64px;padding:0 18px}.brand{font-size:15px;gap:8px}.brand img{width:31px;height:31px}.brand-divider{margin:0 8px}.top-right{gap:0}.save-status{display:none}.top-right .text-button{font-size:11px}main{padding:24px 16px 0}.intro{align-items:start;margin-bottom:22px}.intro h1{font-size:21px;letter-spacing:-.5px}.eyebrow{font-size:10px;margin-bottom:7px}.intro-copy{font-size:11px}.template-badge{display:none}.workspace{display:flex;flex-direction:column;gap:20px}.editor{width:100%;order:2}.preview-column{order:1;position:static;width:100%}.preview-heading h2 span{display:inline}.preview-surface{padding:14px}.canvas-wrap{max-width:540px}.preview-caption{margin:8px 0 12px}.export-panel{flex-wrap:nowrap;padding:13px;gap:12px}.export-options{flex-basis:auto;gap:8px}.export-options label{font-size:9px}.export-options select{font-size:10px;padding:9px 5px}.export-panel>.primary-button{width:auto;padding:12px 15px;font-size:12px}.primary-button svg{display:none}.export-note{margin:10px 0 0}.form-section{padding:22px}.section-heading .small-note{display:block}.field input,.field textarea{font-size:16px;min-height:43px}.field label{font-size:12px}.carrier-option{padding:12px}.carrier-option b{font-size:13px}.carrier-option small{font-size:10px}.mobile-preview-button{display:block;position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:18px;background:#164d42;color:white;border:1px solid #ffffff40;border-radius:30px;padding:12px 16px;font-size:12px;box-shadow:0 5px 20px #162d4526;z-index:20}.page-footer{margin-top:22px;padding-bottom:80px}.page-footer span:last-child{font-size:9px}.dialog-header{padding:18px}.image-dialog-body{padding:0 12px}.dialog-actions{padding:16px}.toast{bottom:74px}.field-grid{gap:0 16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}