*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:#ede9df;color:#221f1a}button,select,textarea,input{font:inherit}button,select{min-height:32px}.app{display:flex;flex-direction:column;height:100dvh;min-width:320px}.topbar{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(360px,1.7fr) auto;align-items:center;gap:14px;padding:12px 18px;background:#fffaf0;border-bottom:1px solid #ddd2bf;flex-shrink:0}.topbar-left{display:flex;align-items:baseline;gap:10px;min-width:0}.brand{font-size:18px;font-weight:800;letter-spacing:0;color:#221f1a}.brand-sub{font-size:12px;color:#746957;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-mid,.topbar-right{display:flex;gap:8px;align-items:center;min-width:0}.topbar-mid{justify-content:center}.topbar-right{justify-content:flex-end}.post-select,.font-size-select{font-size:13px;padding:5px 10px;border-radius:7px;border:1px solid #cfc3af;background:#fffefa;color:#221f1a;cursor:pointer}.post-select{width:min(360px,100%);min-width:160px}.font-size-label{font-size:12px;color:#746957;-webkit-user-select:none;user-select:none}.font-size-select{min-width:68px}.btn-new,.btn-export,.btn-icon-text,.style-tab,.mode-tab{border:1px solid #cfc3af;background:#fffefa;color:#2b2620;cursor:pointer}.btn-new,.btn-export,.btn-icon-text{font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;white-space:nowrap}.btn-new:hover:not(:disabled),.btn-export:hover:not(:disabled),.btn-icon-text:hover,.style-tab:hover,.mode-tab:hover:not(.active){background:#f4ecdd}.btn-new:disabled,.btn-export:disabled{opacity:.52;cursor:not-allowed}.btn-danger{color:#8a3324}.topbar-divider{display:inline-block;width:1px;height:18px;background:#d8ccba;margin:0 4px}.style-tab{width:38px;height:32px;border-radius:7px;padding:4px;display:inline-flex;align-items:center;justify-content:center}.style-tab.active{border-color:#26352d;box-shadow:0 0 0 2px #26352d2e}.style-swatch{display:grid;grid-template-columns:repeat(3,1fr);width:26px;height:20px;overflow:hidden;border:1px solid rgba(34,31,26,.16);border-radius:5px}.style-swatch span{min-width:0;min-height:0}.avatar-button{width:34px;height:34px;padding:0;border:1px solid #cfc3af;border-radius:50%;background:#fffefa;color:#6c604f;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-button:hover{background:#f4ecdd}.avatar-button-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-button-placeholder{font-size:11px;font-weight:700;line-height:1}.avatar-button-large{width:48px;height:48px}.settings-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.1fr) minmax(280px,1.1fr) auto;gap:12px;align-items:start;padding:12px 18px;background:#fffefa;border-bottom:1px solid #ddd2bf;flex-shrink:0}.settings-group,.settings-field{min-width:0}.settings-group{display:grid;gap:10px}.settings-field{display:grid;gap:5px;color:#746957;font-size:12px;font-weight:700}.settings-field input,.settings-field textarea{width:100%;border:1px solid #cfc3af;border-radius:7px;background:#fffefa;color:#221f1a;padding:7px 9px;font-size:13px;font-weight:500;outline:none}.settings-field textarea{min-height:72px;resize:vertical;line-height:1.55}.settings-field input:focus,.settings-field textarea:focus{border-color:#26352d;box-shadow:0 0 0 2px #26352d24}.settings-check{display:inline-flex;align-items:center;gap:8px;color:#2b2620;font-size:13px;font-weight:700;min-height:32px}.settings-check input{width:16px;height:16px;accent-color:#26352d}.settings-avatar-row{display:flex;align-items:center;gap:10px}.settings-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-actions{display:flex;justify-content:flex-end;align-items:end;min-height:75px}.mode-toggle{display:inline-flex;border-radius:8px;background:#e6dccb;padding:2px}.mode-tab{font-size:13px;font-weight:700;padding:5px 13px;border:0;border-radius:6px;background:transparent;color:#6c604f}.mode-tab.active{background:#fffefa;color:#221f1a;box-shadow:0 1px 4px #432d161f}.main{display:flex;flex:1;min-height:0}.editor{flex:1 1 50%;display:flex;flex-direction:column;background:#fffefa;border-right:1px solid #ddd2bf;min-width:0}.editor-textarea{flex:1;width:100%;border:none;outline:none;resize:none;padding:26px 30px;font-family:SFMono-Regular,Menlo,Consolas,Noto Sans SC,PingFang SC,monospace;font-size:15px;line-height:1.75;background:#fffefa;color:#221f1a;white-space:pre-wrap}.editor-textarea::placeholder{color:#a39785}.editor-status{padding:7px 30px;font-size:12px;color:#837764;border-top:1px solid #eee5d6;background:#fbf5e8;height:30px}.preview{flex:1 1 50%;display:flex;flex-direction:column;overflow:hidden;background:#e2ded6;min-width:0}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #d1c8ba;background:#f6f0e6;font-size:13px;flex-shrink:0}.preview-style-name{font-weight:700;color:#2b2620;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header-right{display:flex;gap:10px;align-items:center;min-width:0}.preview-page-count{color:#776c5a;white-space:nowrap}.btn-export-primary{background:#26352d;color:#fffefa;border-color:#26352d}.btn-export-primary:hover:not(:disabled){background:#35483e;border-color:#35483e}.preview-pages{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:20px;gap:16px}.preview-page-wrap{flex-shrink:0;overflow:hidden;box-shadow:0 8px 24px #322a1d29;border-radius:6px;background:#fffefa}.wechat-flash{font-size:12px;color:#245f3c;background:#e9f4e9;padding:4px 9px;border-radius:6px;border:1px solid #c8e2cb;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.preview-wechat{background:#e1ded8}.preview-pages-wechat{align-items:center;padding:24px 16px 60px}.wechat-publish-kit,.wechat-safe-frame,.wechat-frame{width:375px;max-width:100%}.wechat-publish-kit{margin:0 0 18px;padding:16px;background:#fffdf5;border:1px solid #eadfca;border-radius:6px;box-shadow:0 2px 10px #322a1d14;color:#2a2520}.wechat-publish-kit-title{margin-bottom:12px;font-size:15px;font-weight:700}.wechat-publish-grid{display:grid;gap:10px}.wechat-publish-card{padding:11px 12px;background:#fff;border:1px solid #eee4d4;border-radius:6px}.wechat-publish-label{margin-bottom:6px;font-size:12px;font-weight:700;color:#7e6e5c}.wechat-publish-value{margin-bottom:10px;font-size:13px;line-height:1.55}.wechat-assets{margin-top:12px;padding-top:12px;border-top:1px solid #eadfca}.wechat-asset-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 8px;align-items:baseline;padding:8px 0;border-bottom:1px dashed #eadfca;font-size:12px}.wechat-asset-row a{grid-column:2;color:#2f78a8;text-decoration:none;word-break:break-all}.wechat-asset-index{color:#8e6e48;font-weight:700}.wechat-asset-alt{min-width:0;overflow-wrap:anywhere}.wechat-safe-frame{margin:0 0 18px;background:#fff;box-shadow:0 8px 26px #322a1d24;border-radius:4px;overflow:hidden;flex-shrink:0}.wechat-safe-frame-label{padding:8px 12px;background:#1f2a2f;color:#fff;font-size:12px}.wechat-safe-body{padding:22px;background:#fff}.wechat-frame{background:#fff;box-shadow:0 8px 26px #322a1d29;border-radius:4px;flex-shrink:0}@media (max-width: 1100px){.topbar{grid-template-columns:1fr}.topbar-left,.topbar-mid,.topbar-right{justify-content:flex-start;flex-wrap:wrap}.settings-panel{grid-template-columns:1fr 1fr}.post-select{width:100%;flex:1 1 260px}}@media (max-width: 760px){.app{height:auto;min-height:100dvh}.main{flex-direction:column}.editor{min-height:42dvh;border-right:0;border-bottom:1px solid #ddd2bf}.preview{min-height:58dvh}.editor-textarea{padding:20px}.editor-status{padding-inline:20px}.preview-header{align-items:flex-start;flex-direction:column}.preview-header-right{width:100%;flex-wrap:wrap}.settings-panel{grid-template-columns:1fr}.settings-actions{justify-content:flex-start;min-height:0}}