:root{--ink:#20211f;--paper:#f4f4ee;--yellow:#f3ef45;--line:#dedfd6;--muted:#84867d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button{border:none}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #9c9a00;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.top{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.wordmark{font-size:24px;font-weight:950;letter-spacing:-1.1px;display:flex;align-items:center;gap:8px}.wordmark span{font-size:12px;letter-spacing:2px;border-left:1px solid #9a9b90;padding-left:12px;margin-left:5px}.wordmark i{height:8px;width:8px;background:var(--yellow);border:1px solid #d9d536;margin:0 3px}.top-right{display:flex;gap:9px;align-items:center;font-size:11px;color:#676b60}.local-dot,.live-dot{width:6px;height:6px;background:#74835c;border-radius:100%;display:inline-block}.iconbtn{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;background:transparent;color:var(--ink);margin-left:15px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#73756a}h1{font-size:30px;margin:12px 0 10px;letter-spacing:-1px;font-weight:750}h1 span{color:#9c9b26}.intro p{color:#797c72;font-size:12px;margin:0}.edition{font-size:10px;text-align:right;line-height:2;letter-spacing:1px;color:#7c7f73}.edition b{font-size:8px;font-weight:400;color:#a2a498}main{max-width:1512px;margin:auto;padding:0 4.2%}.app{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);background:#fafbf7}.editor{border-right:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.textbtn{background:transparent;font-size:11px;padding:3px;color:#777b6c}.textbtn:hover{color:#20221b}.control-section{padding:22px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:none}h2{font-size:13px;display:flex;align-items:center;gap:9px;margin:0 0 18px}h2>span{font-family:monospace;font-size:10px;color:#969b87}.dropzone{height:126px;border:1px dashed #c6c9b9;background:#f1f3e9;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border-radius:3px;gap:8px}.dropzone.dragging{background:#eeedbd;border-color:#5b5f42}.dropzone input,.font-upload input{display:none}.dropzone b{font-size:12px;font-weight:500}.dropzone small{font-size:9px;color:#949987}.upload-symbol{font-size:24px;font-weight:300;color:#626b50}.asset-info{display:flex;justify-content:space-between;margin:10px 0 20px;font-size:10px;color:#8c9180}.asset-info>span{overflow:hidden;max-width:170px;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin-top:10px}.row output{font-family:monospace;color:#868b79}input[type=range]{width:100%;height:3px;accent-color:#3b402e;cursor:pointer;margin:13px 0}.hint{font-size:10px;color:#969b8a;line-height:1.8;margin:8px 0 0}.segmented{display:flex;background:#e9ecdf;padding:3px;border-radius:4px}.segmented button{flex:1;padding:9px 4px;font-size:11px;border-radius:3px;color:#858b76;background:transparent}.segmented button.active{background:white;color:#272e1c;box-shadow:0 1px 3px #0001}.field{display:block;font-size:11px;color:#6a715f;margin-top:15px}.field input,.field textarea,.field select{display:block;margin-top:7px;width:100%;border:1px solid #dfe2d4;border-radius:3px;padding:10px;color:#353b2c;background:#fff;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field textarea{line-height:1.6}.font-upload{display:flex;gap:10px;align-items:center;border:1px dashed #ccd1bc;padding:12px 8px;margin-top:15px;cursor:pointer;font-size:18px}.font-upload span{font-size:10px}details{margin-top:17px}summary{font-size:11px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.check{display:flex;gap:7px;align-items:center;font-size:11px;margin-top:12px;color:#737b64}input[type=checkbox]{accent-color:#323c25}.workspace{padding:0 28px 22px;background:#f0f1e9;min-width:0}.workspace-toolbar{height:61px;display:flex;justify-content:space-between;align-items:center}.workspace-toolbar>div{display:flex;align-items:center;gap:9px}.workspace-toolbar b{font-size:11px;font-weight:500}.ratio{font-family:monospace;font-size:9px;padding:3px 5px;border:1px solid #d9ddce;color:#919780;margin-left:5px}.stage{min-height:500px;display:flex;align-items:center;justify-content:center;background-color:#e6e8de;background-image:radial-gradient(#b9beab 0.6px,transparent 0.6px);background-size:12px 12px;padding:26px;overflow:hidden}.stage canvas,.stage>img{width:auto;max-width:100%;height:auto;max-height:650px;aspect-ratio:1229/1536;box-shadow:0 9px 28px #20251c28;object-fit:contain}.stage canvas{touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.preview-caption{display:flex;justify-content:space-between;color:#959b87;font-size:8px;letter-spacing:1px;margin:14px 0 23px}.export-card{border-top:1px solid #d7dccc;padding-top:22px}.export-title{display:flex;justify-content:space-between;align-items:center}.export-title b{font-weight:500;font-size:13px}.export-title>span{font-size:9px;color:#949b85}.export-actions{display:flex;gap:9px;margin-top:16px}.export-actions button{padding:13px 17px;border-radius:3px;font-size:11px}.secondary{background:#fafbf6;color:#60694f;border:1px solid #d9dfcd}.primary{background:var(--yellow);color:#282d18;flex:1;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#e8e52c}.secondary:hover{border-color:#9ca889}.export-status{color:#929a81;font-size:10px;line-height:1.7;margin-top:13px}.video-controls{display:flex;gap:12px;align-items:center;margin:10px 0}.video-controls input{flex:1}.video-controls span{font-family:monospace;font-size:10px}.video-controls .iconbtn{margin:0}.video-controls+ .export-card{margin-top:12px}progress{width:80%;accent-color:#c5c323;height:7px;margin-top:14px}#downloadResult{margin-top:14px;font-size:12px}#downloadResult a{display:inline-block;border-bottom:1px solid #849262;margin-right:14px;padding-bottom:3px}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#a0a48f;padding:26px 0}footer i{font-style:normal;margin-left:8px;color:#535e3e}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#242b1e;color:white;padding:13px 24px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;max-width:90vw}#toast.show{opacity:1}dialog{max-width:470px;width:90%;padding:32px;border:1px solid #d9ddcb;border-radius:8px;background:#f6f8ee;color:#39402d}dialog::backdrop{background:#151d1266}dialog h2{font-size:22px;margin-top:15px}dialog p{font-size:12px;line-height:1.8}#closeHelp{float:right;margin:-12px -12px 0 0}@media(min-width:1450px){.stage canvas,.stage>img{max-height:740px}}@media(max-width:1000px){main{padding:0 25px}.edition{display:none}.workspace{padding:0 18px 20px}.app{grid-template-columns:280px minmax(0,1fr)}.stage{padding:20px 10px;min-height:380px}.export-title>span{display:none}.export-actions{flex-wrap:wrap}.primary{min-width:100%}}@media(max-width:720px){.top{height:65px;padding:0 20px}.top-right{font-size:9px}.wordmark{font-size:19px}.wordmark span{font-size:9px;letter-spacing:1px}.wordmark i{display:none}main{padding:0 16px}.intro{padding:27px 3px 24px}h1{font-size:23px;line-height:1.5}.intro p{font-size:11px;line-height:1.7}.eyebrow{font-size:9px}.app{display:flex;flex-direction:column-reverse}.workspace{padding:0 15px 22px}.stage{min-height:0;padding:17px}.stage canvas,.stage>img{max-height:540px;width:100%;height:auto}.editor{border-right:none;border-top:1px solid var(--line)}.control-section{padding:20px}.panel-title{padding:20px}.export-actions{flex-wrap:nowrap;gap:6px}.export-actions button{font-size:10px;padding:13px 9px}.primary{min-width:0}.export-title b{font-size:12px}.preview-caption{font-size:7px;letter-spacing:.6px}.top-right .local-dot{display:none}footer{font-size:7px;letter-spacing:.5px}}

.edit-text-btn{background:var(--yellow);border:1px solid #dad744;border-radius:4px;padding:8px 12px;font-size:11px;color:#34391f}.preview-tools{display:flex;gap:12px}#textEditor{scroll-margin-top:24px}@media(max-width:720px){.preview-tools{gap:7px}.edit-text-btn{padding:8px;font-size:10px}}

.font-state{margin-top:16px;padding:12px;background:#eef0e3;border:1px solid #d8ddca;border-radius:4px;font-size:10px;color:#626d50;line-height:1.7}.font-state span{display:block}.font-state button{margin-top:7px;color:#4c5e34}.type-dialog{max-width:1100px;width:96vw;max-height:94vh;overflow:auto;padding:24px}.type-dialog .iconbtn{float:right}.type-dialog canvas{width:100%;height:auto;margin-top:20px}.type-dialog h2{font-size:21px;margin:4px 0 8px}

.redraw-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f0f1db;border:1px solid #d9dfb4;padding:13px 11px;margin-bottom:15px;border-radius:5px;cursor:pointer}.redraw-toggle b{display:block;font-size:12px}.redraw-toggle small{display:block;font-size:10px;line-height:1.7;color:#7a8268;margin-top:3px}.redraw-toggle input{appearance:none;flex:none;width:37px;height:21px;border-radius:20px;background:#c6cbba;position:relative;cursor:pointer;margin:0}.redraw-toggle input:after{content:'';position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .15s}.redraw-toggle input:checked{background:#626e3c}.redraw-toggle input:checked:after{transform:translateX(16px)}.asset-info>span:last-child{max-width:none}.stage canvas{max-height:none}
.stage canvas{background-color:#e8ecdf;background-image:linear-gradient(45deg,#d7dccd 25%,transparent 25%),linear-gradient(-45deg,#d7dccd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dccd 75%),linear-gradient(-45deg,transparent 75%,#d7dccd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}

.layout-choice{margin-top:0}.layout-description{margin-bottom:15px}.fade-note{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#8a917c}.fade-note .textbtn{white-space:nowrap}

.header-options{margin-top:18px;padding:14px 12px;border:1px solid #d9dfcd;border-radius:4px;background:#f2f4e9}.header-options-title{font-size:11px;font-weight:600;color:#515c41}.header-options .field{margin-top:12px}

.draft-state{padding:12px 22px;border-bottom:1px solid var(--line);background:#edf1e4;line-height:1.7}.draft-state>span{display:block;font-size:11px;color:#50633b}.draft-state small{display:block;font-size:9px;color:#858d78;margin-top:3px}