:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--line: #d4dce5;--line-strong: #b7c2cf;--panel: #ffffff;--panel-muted: #f7f9fb;--text: #1e2430;--muted: #68717e;--accent: #2057a6;--accent-soft: #eef4ff;--danger: #9c3131;--shadow: 0 14px 38px rgba(24, 35, 52, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-size:14px;background:linear-gradient(180deg,#ffffffb8,#ffffffb8),linear-gradient(180deg,#edf2f7,#e8edf3);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100vh;padding:12px;overflow:hidden}.hero,.viewer,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:10px 14px;border-radius:14px}.hero h1{margin:0;font-size:22px;font-weight:700;letter-spacing:.01em}.hero-subtitle{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.trust-pills{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.trust-pill,.pill{padding:3px 8px;border:1px solid rgba(32,87,166,.14);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;line-height:1.2;white-space:nowrap}a.trust-link{text-decoration:none;border-style:dashed}a.trust-link:hover{border-style:solid;background:#fff}.layout{display:grid;grid-template-columns:minmax(0,1fr) 408px;gap:10px;min-height:0}.viewer{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;min-height:0;min-width:0}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}.viewer-meta{display:grid;gap:3px;min-width:0}.viewer-meta strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-meta span{font-size:11.5px;color:var(--muted)}.viewer-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tabs{display:flex;background:var(--panel-muted);border:1px solid var(--line);border-radius:9px;padding:2px}.tabs button{border:none;background:none;padding:5px 12px;border-radius:7px;font-size:12.5px;color:var(--muted)}.tabs button.active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 2px #10182814}.zoom-tag{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.icon{width:30px;height:30px;padding:0;color:var(--accent);border:1px solid var(--line);background:var(--panel-muted);border-radius:9px;display:grid;place-items:center;font-size:14px}.icon:hover{background:var(--accent-soft)}.stage{flex:1;min-height:0;min-width:0;padding:20px;overflow:auto;background:linear-gradient(180deg,#f8fafc,#f3f6f9);display:flex;justify-content:center;align-items:flex-start}.page-wrap{transform-origin:top center}.page{width:210mm;min-height:297mm;background:#fff;padding:var(--doc-margin, 2.5cm);box-shadow:0 18px 42px #0f172a1f;border-radius:2px}.page.letter{width:216mm;min-height:279mm}.empty-shell{align-self:center}.empty{width:min(100%,560px);padding:22px;border:1px dashed var(--line-strong);border-radius:12px;background:#ffffffd1;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.empty strong{display:block;font-size:15px;color:var(--text);margin-bottom:4px}.editor{flex:1;min-height:0;padding:14px;background:linear-gradient(180deg,#f8fafc,#f3f6f9)}.editor textarea{width:100%;height:100%;min-height:320px;border:1px solid var(--line);border-radius:10px;padding:16px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:13px;line-height:1.7;color:var(--text);background:#fff;outline:none;resize:none}.editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;min-width:0}.panel{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:none}.panel-head h2{margin:0;font-size:13.5px;font-weight:700}.controls{display:grid;gap:10px;padding:12px;overflow-y:auto;align-content:start}.section{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted)}.section-head{display:flex;align-items:center;gap:7px}.step-no{width:19px;height:19px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:700;display:grid;place-items:center;flex:none}.section-title{font-weight:700;font-size:12.5px}.section-note{color:var(--muted);font-size:11.5px;line-height:1.5}label.field{display:grid;gap:5px;color:var(--muted);font-size:12px}label.field .field-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}label.field .field-value{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;accent-color:var(--accent)}.text-input{width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#fff;outline:none;font-size:13px}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.seg{display:flex;background:var(--panel-muted);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px}.seg button{flex:1;border:none;background:none;padding:5px 8px;border-radius:7px;font-size:12px;color:var(--muted)}.seg button.active{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 2px #10182814}.check-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);cursor:pointer}.check-row input{accent-color:var(--accent);width:15px;height:15px;margin:0}.check-row small{color:var(--muted);font-size:11px}.dropzone{border:1.5px dashed var(--line-strong);border-radius:12px;padding:16px 12px;text-align:center;background:#ffffffd9;transition:.12s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:#2057a659;background:var(--accent-soft)}.dropzone-main{font-weight:700;font-size:13px}.dropzone-sub{color:var(--muted);font-size:11.5px;margin-top:3px}.file-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.file-name{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tpl-row{display:grid;gap:2px;align-content:start;text-align:left;padding:8px 9px;border:1.5px solid var(--line);border-radius:10px;background:#fff;transition:.12s}.tpl-row:hover{border-color:var(--line-strong);background:var(--panel-muted)}.tpl-row.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tpl-row-name{font-weight:700;font-size:12.5px}.tpl-row-desc{color:var(--muted);font-size:11px;line-height:1.45}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.color-chip{display:grid;gap:3px;justify-items:center;padding:7px 4px 5px;border:1.5px solid var(--line);border-radius:9px;background:#fff;transition:.12s}.color-chip:hover{border-color:var(--line-strong)}.color-chip.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.color-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000000f}.color-dot i{width:12px;height:12px;border-radius:50%;display:block}.color-name{font-size:10.5px;color:var(--muted)}.mini-pop{position:fixed;z-index:60;width:216px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 26px 80px #0f172a38;pointer-events:none}.mini-pop-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.mini-pop-head strong{font-size:12.5px}.mini-pop-head span{font-size:11px;color:var(--muted)}.mini-doc{border:1px solid var(--line);border-radius:6px;background:#fff;padding:12px 12px 10px;display:grid;gap:5px;min-height:168px;align-content:start}.md-h{display:flex;align-items:center;gap:5px;margin-bottom:2px;min-height:12px}.md-h i{display:block;height:7px;border-radius:2px;background:var(--md-primary)}.md-h b{display:block;width:4px;height:13px;border-radius:1px}.md-h.md-underline{border-bottom:2px solid;padding-bottom:3px}.md-h.md-centered{justify-content:center}.md-line{height:4px;border-radius:2px;opacity:.8}.md-line.md-short{width:62%}.md-table{display:grid;border:1px solid #c9ced6;border-radius:2px;overflow:hidden;margin:3px 0}.md-tr{display:grid;grid-template-columns:1.4fr 1fr}.md-tr span{height:9px;border-left:1px solid #d9dee5;border-top:1px solid #d9dee5}.md-tr span:first-child{border-left:none}.md-tr.md-th span{border-top:none}.md-ts-booktabs{border-left:none;border-right:none;border-top:2px solid var(--md-primary);border-bottom:2px solid var(--md-primary)}.md-ts-booktabs .md-tr span{border-left:none}.md-quote{display:flex;align-items:center;padding:4px 8px;border-left:3px solid;border-radius:2px;margin:2px 0}.md-quote span{display:block;height:4px;width:70%;border-radius:2px;opacity:.55}.export-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.export-body{display:grid;gap:7px;padding:12px}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.primary,.ghost{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease}.primary{color:#fff;border:1px solid var(--accent);background:var(--accent)}.primary:hover{background:#1a4a8f}.ghost{color:var(--text);border:1px solid var(--line);background:var(--panel)}.ghost:hover{background:var(--panel-muted)}.status{padding:7px 9px;border-radius:8px;font-size:12px;line-height:1.45;background:var(--accent-soft);color:var(--accent)}.status.error{background:#fdf2f2;color:var(--danger)}.status-bar{height:3px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.status-bar i{display:block;height:100%;background:var(--accent);transition:width .2s ease}.export-note{color:var(--muted);font-size:11px;line-height:1.55}.link-btn{border:none;background:none;padding:0;color:var(--accent);font-size:11.5px;text-decoration:underline}.adv-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:12.5px;font-weight:600;transition:.12s}.adv-toggle:after{content:"";width:6px;height:6px;margin-top:-3px;flex:none;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .15s,margin .15s}.adv-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.adv-toggle.on{border-color:#2057a659;color:var(--accent);background:var(--accent-soft)}.adv-toggle.on:after{transform:rotate(-135deg);margin-top:3px}.adv-body{display:grid;gap:10px;padding:11px;margin-top:2px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.color-field>span{min-width:0}.color-field input[type=color]{width:46px;height:27px;padding:2px;flex:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}select.text-input{cursor:pointer}.doc-body{font-family:var(--doc-body-font, serif);color:var(--doc-text, #1a1a1a);font-size:var(--doc-font-size, 12pt);line-height:var(--doc-line-height, 1.6);word-wrap:break-word}.doc-body>*:first-child{margin-top:0}.doc-body h1,.doc-body h2,.doc-body h3,.doc-body h4,.doc-body h5,.doc-body h6{font-family:var(--doc-heading-font, sans-serif);color:var(--doc-primary, #2057a6);line-height:1.35;margin:1.4em 0 .6em;font-weight:700;break-after:avoid;page-break-after:avoid}.doc-body h1{font-size:calc(var(--doc-font-size) * 2 * var(--doc-heading-scale, 1))}.doc-body h2{font-size:calc(var(--doc-font-size) * 1.67 * var(--doc-heading-scale, 1))}.doc-body h3{font-size:calc(var(--doc-font-size) * 1.42 * var(--doc-heading-scale, 1))}.doc-body h4{font-size:calc(var(--doc-font-size) * 1.25 * var(--doc-heading-scale, 1))}.doc-body h5{font-size:calc(var(--doc-font-size) * 1.08 * var(--doc-heading-scale, 1))}.doc-body h6{font-size:var(--doc-font-size);color:var(--doc-text)}.doc-body p{margin:var(--doc-para-space, .55em) 0;text-indent:var(--doc-indent, 0)}.doc-body li p,.doc-body td p,.doc-body blockquote p{text-indent:0}.doc-body a{color:var(--doc-primary);text-decoration:none;border-bottom:1px solid currentColor}.doc-body ul,.doc-body ol{margin:.6em 0;padding-left:1.8em}.doc-body li{margin:.25em 0}.doc-body li::marker{color:var(--doc-primary)}.doc-body del{color:var(--doc-muted)}.doc-body input[type=checkbox]{margin-right:.35em}.doc-body code{font-family:var(--doc-mono-font, monospace);background:var(--doc-soft-bg, #f5f5f5);color:var(--doc-primary);padding:.1em .35em;border-radius:3px;font-size:.92em}.doc-body pre{background:var(--doc-soft-bg, #f5f5f5);border-left:3px solid var(--doc-primary);padding:.8em 1em;margin:.9em 0;overflow-x:auto;border-radius:0 4px 4px 0}.doc-body pre code{background:none;color:var(--doc-text);padding:0;font-size:.95em}.doc-body blockquote{margin:.9em 0;padding:.3em 1em;color:var(--doc-muted)}.doc-body.qs-bar blockquote{border-left:3px solid var(--doc-quote-bar)}.doc-body.qs-box blockquote{border-left:3px solid var(--doc-quote-bar);background:var(--doc-soft-bg);padding:.6em 1em}.doc-body.qs-plain blockquote{border-left:3px solid var(--doc-quote-bar);font-style:italic}.doc-body table{border-collapse:collapse;width:100%;margin:.9em 0;font-size:.96em;break-inside:avoid;page-break-inside:avoid}.doc-body th,.doc-body td{padding:.42em .6em;text-align:left}.doc-body th{color:var(--doc-primary);font-weight:600}.doc-body.ts-grid th,.doc-body.ts-grid td{border:1px solid #d4d4d8}.doc-body.ts-grid th{background:var(--doc-table-head)}.doc-body.ts-zebra th,.doc-body.ts-zebra td{border:1px solid #d4d4d8}.doc-body.ts-zebra th{background:var(--doc-table-head)}.doc-body.ts-zebra tbody tr:nth-child(2n){background:var(--doc-soft-bg)}.doc-body.ts-booktabs th,.doc-body.ts-booktabs td{border:none}.doc-body.ts-booktabs thead th{border-top:2px solid var(--doc-primary);border-bottom:1px solid #b4b4bb;background:none}.doc-body.ts-booktabs tbody tr:last-child td{border-bottom:2px solid var(--doc-primary)}.doc-body.hs-underline h1,.doc-body.hs-underline h2,.doc-body.hs-underline h3{border-bottom:2px solid var(--doc-primary);padding-bottom:.3em}.doc-body.hs-bar h1,.doc-body.hs-bar h2,.doc-body.hs-bar h3{border-left:5px solid var(--doc-primary);padding-left:.6em}.doc-body.hs-centered h1,.doc-body.hs-centered h2{text-align:center}.doc-body img{max-width:100%;height:auto;display:block;margin:.6em auto}.doc-body hr{border:none;border-top:1px solid var(--doc-primary);margin:1.4em 0;opacity:.5}@media (max-width: 1180px){.layout{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto;grid-template-columns:1fr}.panel{max-height:52vh}}@media (max-width: 860px){body{overflow:auto}.shell{display:block;height:auto;min-height:100vh;overflow:visible;padding:10px}.hero{grid-template-columns:1fr}.hero h1{font-size:19px}.layout{display:grid;gap:10px}.stage{min-height:420px}}@media print{.shell,.layout{display:block;height:auto;padding:0;gap:0}.hero,.sidebar,.viewer-bar,.no-print{display:none!important}.viewer{border:none;box-shadow:none;border-radius:0}.stage{padding:0;background:#fff;overflow:visible;display:block}.page-wrap{zoom:1!important}.doc-body pre,.doc-body table,.doc-body img{break-inside:avoid}.page{width:auto;min-height:0;padding:0;box-shadow:none;border-radius:0}}