:root{--green:#087f72;--green-dark:#06665c;--green-soft:#eaf5f1;--ink:#202b2a;--muted:#84908d;--line:#e6eae7;--surface:#f8faf8;--amber:#9a691a;--radius:12px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:#fcfdfb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bd4c3;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.site-header{height:76px;border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1740px;margin:auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:66px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:650;letter-spacing:.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);width:36px;height:36px;border-radius:10px;color:#fff;box-shadow:0 2px 3px #085f5220}.brand-mark svg{width:25px;height:25px;stroke-width:1.6}.local-badge{align-self:center;border:1px solid #dfe9e2;background:#f8faf7;color:#6a7b70;font-size:10px;font-weight:500;padding:3px 6px;border-radius:4px;margin-left:1px;letter-spacing:.3px}nav{display:flex;align-items:center;height:100%;gap:32px;font-size:13px}nav>*{height:100%;display:flex;align-items:center}.nav-active{position:relative;color:var(--green);font-weight:600}.nav-active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background:var(--green);border-radius:3px 3px 0 0}.nav-link{border:0;background:none;padding:0;color:#737e79;font-size:13px;gap:7px}.nav-link span{color:#a9b0aa}.local-status{margin-left:auto;font-size:12px;color:#75857a;display:flex;align-items:center;gap:8px}.local-status>span,.ready>span,.live-indicator>span{width:6px;height:6px;border-radius:50%;background:#4b9a77;display:inline-block}.workspace{max-width:1740px;margin:auto;padding:32px 40px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#829187;font-weight:600;margin-bottom:10px}h1{font-size:27px;letter-spacing:-.8px;line-height:1.4;margin:0;font-weight:600}h1>span{color:var(--green)}.intro p{font-size:12px;color:#849087;margin:9px 0 0}.workflow{display:flex;align-items:center;gap:14px;color:#77837c;font-size:11px;padding-top:10px;white-space:nowrap}.workflow span{display:flex;align-items:center;gap:7px}.workflow b{font-size:10px;color:#779286;background:#eef4ee;border:1px solid #e5ece4;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-weight:500}.workflow i{height:1px;width:24px;background:#dce4dc}.workbench{display:grid;grid-template-columns:352px minmax(0,1fr);gap:24px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.upload-panel{padding:17px 17px 13px;transition:.2s}.upload-panel.drag-over{background:var(--green-soft);border-color:var(--green);box-shadow:0 0 0 4px #087f7212}.upload-target{border:1px dashed #cbdcd2;border-radius:8px;padding:18px 10px;display:flex;align-items:center;justify-content:center;gap:12px;background:#fafcf9;width:100%;text-align:left;transition:.15s}.upload-target:hover{background:#f1f7f1;border-color:var(--green)}.upload-icon{width:33px;height:33px;color:var(--green);background:#eaf3eb;border-radius:8px;display:grid;place-items:center}.upload-icon svg{width:19px;height:19px}.upload-target strong{font-weight:500;font-size:12px;display:block;line-height:1.7}.upload-target small{color:#8b978e;font-size:10px;display:block;margin-top:3px}.upload-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:5px}.upload-bottom>span{display:flex;align-items:center;gap:4px;color:#929a93;font-size:10px;white-space:nowrap}.upload-bottom svg{width:12px;height:12px}.text-button{background:none;border:0;color:var(--green);padding:2px 0;font-size:11px;display:inline-flex;align-items:center;gap:4px;line-height:1.6}.text-button:hover{text-decoration:underline}.text-button svg{width:14px;height:14px}.upload-bottom .text-button{font-size:10px}.file-summary{display:flex;align-items:center;gap:11px}.file-type{display:grid;place-items:center;width:39px;height:45px;border-radius:7px;color:#255f91;background:#eef5fc;font-weight:650;font-size:13px;flex-shrink:0}.file-info{min-width:0;flex:1}.file-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.file-info>span{display:block;color:#929b95;font-size:10px;margin-top:7px}.loaded-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1ee;margin-top:15px;padding-top:10px}.ready{font-size:10px;color:#6b8c7a;display:flex;align-items:center;gap:5px}.ready>span{width:5px;height:5px}.icon-button{background:transparent;border:0;width:29px;height:29px;display:inline-grid;place-items:center;padding:5px;border-radius:6px;flex-shrink:0;color:#7b8780}.icon-button:hover{background:#edf3ee;color:var(--green)}.icon-button svg{width:17px;height:17px}.icon-button.small{width:24px;height:24px;padding:4px}.icon-button.small svg{width:15px;height:15px}.replace-panel{padding:18px 17px 14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title h2{font-size:13px;font-weight:600;margin:0;line-height:1.4;letter-spacing:.2px}.section-icon{font-family:Georgia,serif;font-size:17px;color:#4c6659;letter-spacing:-1px}.section-svg{width:16px;height:16px;color:#658071}.new-badge{font-size:9px;font-weight:500;color:var(--green);background:#eaf6ef;border-radius:4px;padding:2px 4px}.match-total{font-size:10px;color:#8b968d;white-space:nowrap}.match-total.matched{color:var(--green)}.panel-description{font-size:10px;color:#929b94;margin:9px 0 16px}.rule-labels{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-left:28px;padding-right:26px;color:#939d95;font-size:10px;margin-bottom:7px}.rules{display:flex;flex-direction:column;gap:9px;max-height:445px;overflow-y:auto;scrollbar-width:thin;padding:2px}.rule-row{display:grid;grid-template-columns:19px minmax(0,1fr) 12px minmax(0,1fr) 17px;column-gap:6px;align-items:center}.rule-number{font-family:Consolas,monospace;font-size:10px;color:#a0aaa2}.rule-row input{width:100%;min-width:0;padding:9px 8px;font-size:11px;border:1px solid #e2e8e1;border-radius:6px;background:#fafbf9;outline:none;color:#2c3930;transition:.15s}.rule-row input.target{background:#fff}.rule-row input::placeholder{color:#b3bbb3;font-size:10px}.rule-row input:focus{border-color:#6bab92;box-shadow:0 0 0 2px #e1f1e6}.rule-row>svg{width:12px;height:12px;color:#a0b1a5}.rule-row .remove-rule{padding:2px;width:17px;height:20px;opacity:.65}.remove-rule svg{width:12px;height:12px}.rule-status{grid-column:2/5;font-size:9px;color:#a9b0a9;line-height:1.3;min-height:12px;margin-top:4px}.rule-status.success{color:#2b8a63}.rule-status.miss{color:#b18237}.rule-actions{display:flex;align-items:center;justify-content:space-between;margin:13px 1px 13px}.subtle-button{border:0;background:none;color:#a1aaa1;font-size:10px;padding:0}.subtle-button:hover{color:#65776a}.secondary-button{border:1px solid #d2e4d8;border-radius:7px;background:#f2f8f3;padding:10px 13px;color:var(--green);font-size:11px;font-weight:550}.secondary-button:hover{background:#e7f2e9}.apply-button{width:100%;display:flex;align-items:center;justify-content:space-between}.apply-button svg{width:15px;height:15px}.rule-hint{font-size:9px;color:#a2aaa1;text-align:center;margin:9px 0 0}.word-download{display:flex;justify-content:center;font-size:10px;margin-top:11px;gap:10px}.word-download:hover{text-decoration:underline}.settings-panel{padding:16px 17px 10px}.presets{display:flex;gap:5px;margin:13px 0 14px;padding:3px;background:#f3f6f1;border-radius:7px}.presets button{flex:1;padding:7px 2px;border:0;border-radius:5px;background:none;font-size:10px;color:#8a958b;transition:.15s}.presets button.active{background:#fff;color:var(--green);font-weight:550;box-shadow:0 1px 4px #324f3320}.presets button:hover{color:var(--green)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0}.setting-row>label{font-size:11px;color:#768579;white-space:nowrap}select{max-width:186px;min-width:110px;border:1px solid #e3e9e0;border-radius:5px;padding:6px 24px 6px 9px;background:#fff;color:#58685c;font-size:11px;cursor:pointer}.advanced{border-top:1px solid #eef1eb;margin-top:13px}.advanced>summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8d9a8e;padding:12px 0 3px;list-style:none;cursor:pointer}.advanced>summary svg{width:12px;height:12px;transform:rotate(90deg);transition:.2s}details[open].advanced>summary svg{transform:rotate(-90deg)}summary::-webkit-details-marker{display:none}.slider-setting{margin:15px 0}.slider-setting>label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#768579;margin-bottom:6px}.slider-setting output{font-variant-numeric:tabular-nums;color:#5c7963;font-size:10px}input[type=range]{width:100%;height:4px;accent-color:var(--green);cursor:pointer;margin:2px 0 0}.checkbox-row{display:flex;align-items:center;gap:7px;font-size:10px;color:#748276;margin:12px 0}.checkbox-row input{accent-color:var(--green);width:13px;height:13px;margin:0}.output-panel{padding:0 17px}.output-panel summary{display:flex;align-items:center;gap:6px;padding:17px 0;list-style:none;cursor:pointer}.output-panel summary>span:first-child{display:flex;align-items:center;font-size:11px;gap:8px;font-weight:550;white-space:nowrap}.output-panel summary>span:first-child svg{width:15px;height:15px;color:#7c8d7c}.summary-value{font-size:9px;color:#9ca69a;margin-left:auto;white-space:nowrap}.output-panel .chevron{width:12px;height:12px;transform:rotate(90deg);color:#8b9b8b;transition:.2s}.output-panel details[open] .chevron{transform:rotate(-90deg)}.output-settings{padding:0 0 5px;border-top:1px solid #edf0ea}.suffix-label{display:block;font-size:10px;color:#768579;margin:15px 0 7px}.suffix-input{width:100%;border:1px solid #dfe6dc;border-radius:5px;padding:8px 9px;font-size:11px;color:#5a6c5e}.small-note{font-size:9px;color:#a1aba0;line-height:1.7}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:#fff;min-height:45px;font-size:12px;box-shadow:0 3px 6px #087f7214;font-weight:500;transition:.15s}.primary-button:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 3px 8px #087f7220}.primary-button:disabled{opacity:1;background:#b9cfc1;border-color:#b9cfc1}.primary-button svg{width:17px;height:17px}.format-tag{font-size:9px;letter-spacing:.4px;background:#ffffff20;padding:3px 5px;border-radius:4px;margin-left:9px}.export-area{padding-top:2px}.export-note{margin:9px 0 1px;text-align:center;font-size:9px;color:#9ba79a}.download-result{border:1px solid #dcecdf;background:#f0f7ef;display:flex;align-items:center;gap:10px;padding:14px;border-radius:9px;color:var(--green)}.download-result>div{min-width:0}.download-result strong{font-size:11px;display:block}.download-result a{font-size:10px;display:inline-block;margin-top:6px;text-decoration:underline}.download-result #downloadMeta{display:inline-block;font-size:9px;color:#88a18b;margin-left:9px}.preview-panel{position:sticky;top:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;box-shadow:0 3px 12px #25352103}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.view-tabs{display:flex;align-items:center;gap:5px;background:#f3f5f1;padding:3px;border-radius:7px}.view-tabs button{border:0;border-radius:5px;background:none;color:#929d91;font-size:11px;padding:7px 12px;white-space:nowrap}.view-tabs button.active{background:#fff;color:#384e3e;font-weight:550;box-shadow:0 1px 3px #263b2612}.preview-tools{display:flex;align-items:center;gap:12px}.live-indicator{font-size:10px;color:#92a08f;display:flex;align-items:center;gap:6px;white-space:nowrap}.live-indicator>span{width:5px;height:5px;background:#8cb992}.preview-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;background:#f3f5f1;padding:20px 24px 26px;min-height:500px;border-bottom:1px solid #e7ece4}.page-frame{min-width:0}.page-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 0 12px;font-size:10px;color:#7b8979;height:27px}.page-caption>span:first-child{display:flex;align-items:center;gap:6px}.page-caption b{font-size:10px;font-weight:500}.caption-dot{width:5px;height:5px;border-radius:50%;background:#a3afa0}.caption-dot.green{background:var(--green)}.caption-detail{font-size:8px;letter-spacing:1px;color:#a8b3a4}.effect-badge{font-size:9px;color:#73947d;border:1px solid #dce7db;background:#f4f8f0;border-radius:4px;padding:2px 5px}.paper-slot{position:relative;display:flex;align-items:flex-start;justify-content:center;min-width:0}.paper-slot>img{width:100%;height:auto;max-height:calc(100vh - 324px);object-fit:contain;display:block;box-shadow:0 3px 8px #26382714;background:#fff;cursor:zoom-in}.placeholder-paper{aspect-ratio:210/297;width:100%;max-height:calc(100vh - 324px);background:#fff;padding:11% 9% 6%;box-shadow:0 3px 9px #253b2511;overflow:hidden;position:relative;font-family:"SimSun",serif;color:#2e382e;font-size:clamp(9px,.75vw,13px);line-height:1.8}.document-kicker{font-family:"Segoe UI",sans-serif;font-size:6px;letter-spacing:1.2px;color:#8f9e8e;line-height:1.6}.placeholder-paper h3{font-size:clamp(15px,1.5vw,25px);letter-spacing:1px;font-weight:650;margin:3% 0 5%;font-family:"SimSun",serif}.doc-rule{height:1px;background:#dce6d9;width:100%;margin-bottom:5%}.placeholder-paper .doc-intro{color:#9ca697;font-size:.85em;margin-bottom:8%}.placeholder-paper h4{font-size:1em;margin:7% 0 2%;font-weight:650}.placeholder-paper p{margin:0 0 4%;text-align:justify;line-height:1.9}.placeholder-paper p span{background:#f2f7ec;padding:1px 1px}.placeholder-paper table{border-collapse:collapse;width:100%;font-size:.8em;margin:6% 0}.placeholder-paper th,.placeholder-paper td{border:1px solid #dde5d8;padding:5px 6px;text-align:left}.placeholder-paper th{font-weight:500;background:#eff4ec}.doc-footer{position:absolute;bottom:4%;left:10%;right:10%;text-align:center;border-top:1px solid #e2e9dd;padding-top:7px;color:#a4aea0;font-size:.65em}.scanned-placeholder{filter:grayscale(1) contrast(1.02) blur(.18px);transform:rotate(.35deg);box-shadow:inset 0 0 6px #38423630,0 3px 7px #26382714;background:#fbfcf8}.scanned-placeholder p span{background:transparent}.scanned-placeholder:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}.preview-content.single{grid-template-columns:1fr}.preview-content.single .paper-slot>img,.preview-content.single .placeholder-paper{width:auto;max-width:100%;max-height:calc(100vh - 324px);min-height:400px}.preview-content.single .placeholder-paper{width:440px}.preview-content.single .page-frame{max-width:100%;margin:0 auto;width:100%}.preview-content.single .page-caption{max-width:550px;margin:auto}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;font-size:10px}.preview-file-label{display:flex;align-items:center;gap:6px;color:#8c9a87;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.mini-dot{width:4px;height:4px;border-radius:50%;background:#96ad91;flex-shrink:0}.pagination{display:flex;align-items:center;gap:9px;color:#8c9b88;font-size:9px;white-space:nowrap}.pagination .icon-button{width:24px;height:24px}.pagination .icon-button svg{width:12px;height:12px}.pagination .previous{transform:rotate(180deg)}#pageNumber{font-size:10px;width:25px;text-align:center;border:0;color:#506e51;background:transparent;padding:2px;-moz-appearance:textfield}#pageNumber::-webkit-inner-spin-button,#pageNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.below-preview{position:absolute;top:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 2px;font-size:9px;color:#a0ad9b}.below-preview>span:first-child{display:flex;align-items:center;gap:5px}.below-preview svg{width:12px;height:12px}.preview-notice{font-size:11px;line-height:1.8;color:var(--amber);background:#fcf8ed;border-bottom:1px solid #eee6cf;padding:10px 20px;white-space:pre-line}.preview-notice.success{color:var(--green);background:#f1f8f0;border-color:#e1ecdd}.busy-banner{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--green);background:#f0f7f0;padding:10px 20px;border-bottom:1px solid #e0ecdf}.spinner{height:15px;width:15px;border:2px solid #bcd8c6;border-right-color:var(--green);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.preview-loading{position:absolute;right:18px;bottom:15px;display:flex;align-items:center;gap:7px;background:#ffffffed;border:1px solid #e2e9df;border-radius:20px;padding:7px 10px;font-size:10px;color:#6e886f;box-shadow:0 2px 8px #233b2410}.preview-content.updating img{opacity:.65}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:56px;padding:22px 0;color:#a8b2a2;font-size:10px}.site-footer>span:last-child{font-size:8px;letter-spacing:1.5px;color:#a3b19d}.footer-separator{padding:0 9px;color:#c9d1c3}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;max-width:650px;min-width:260px;border:1px solid #e4d8bf;background:#fffaf0;color:#8b621c;box-shadow:0 8px 32px #2a3e2a24;border-radius:10px;padding:15px 23px;font-size:12px;line-height:1.7;white-space:pre-line}.toast.success{border-color:#d5e4d3;background:#f7fcf4;color:var(--green)}dialog{border:1px solid #dce5d9;border-radius:14px;color:var(--ink);box-shadow:0 20px 100px #1f321e30}dialog::backdrop{background:#1c2d2380;backdrop-filter:blur(4px)}.help-dialog{width:560px;max-width:calc(100vw - 36px);padding:26px 28px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-header h2{font-size:18px;font-weight:600;margin:0}.help-dialog ol{padding-left:21px;font-size:13px}.help-dialog li{padding-left:6px;margin-bottom:19px;color:var(--green)}.help-dialog li strong{font-size:13px;font-weight:600;color:var(--ink)}.help-dialog li p{color:#83907e;font-size:12px;line-height:1.9;margin:6px 0 0}.help-note{background:#f2f6ee;color:#778b70;font-size:11px;line-height:1.9;padding:13px 15px;border-radius:7px}.help-local{font-size:10px;color:#97a38f;line-height:1.9;margin:17px 0}.image-dialog{width:min(1050px,95vw);height:93vh;padding:16px 20px;background:#f4f6f1}.image-dialog .dialog-header{margin-bottom:13px;font-size:12px}.large-image-wrap{height:calc(100% - 50px);overflow:auto;text-align:center}.large-image-wrap img{display:block;max-width:100%;width:100%;margin:auto;box-shadow:0 2px 8px #2a432a20}.dirty{color:var(--amber)!important}
.panel-title h2{font-size:14px}.rule-row input{font-size:12px}.panel-description,.rule-labels{font-size:11px}.rule-status{font-size:10px}.rule-hint,.export-note{font-size:10px}.presets button,.advanced>summary{font-size:11px}.setting-row>label,select{font-size:12px}.secondary-button{font-size:12px}.primary-button{font-size:13px}.view-tabs button{font-size:12px}.page-caption b{font-size:11px}.slider-setting>label{font-size:11px}
@media(min-width:1700px){.workbench{grid-template-columns:370px minmax(0,1fr)}.placeholder-paper{font-size:13px}.placeholder-paper h3{font-size:26px}.preview-content{padding:24px 32px 30px;gap:32px}.panel-title h2{font-size:14px}.rule-row input{font-size:12px}}
@media(max-width:1250px){.header-inner{padding:0 24px;gap:40px}.workspace{padding:26px 24px 0}.workbench{grid-template-columns:320px minmax(0,1fr);gap:18px}.workflow{gap:8px;font-size:10px}.workflow i{width:12px}h1{font-size:24px}.preview-content{padding:17px 15px 22px;gap:14px}.view-tabs button{padding:7px 9px;font-size:10px}.preview-toolbar{padding:12px}.preview-tools{gap:3px}.live-indicator{font-size:9px}.placeholder-paper{font-size:8px}.placeholder-paper h3{font-size:16px}.placeholder-paper td,.placeholder-paper th{padding:3px 4px}.below-preview{font-size:8px}.preview-content{min-height:430px}}
@media(max-width:1020px){.workflow{display:none}.live-indicator{display:none}.preview-tools{margin-left:auto}.header-inner{gap:36px}.local-status{font-size:10px}.workbench{grid-template-columns:310px minmax(0,1fr);gap:15px}.view-tabs{gap:0}.view-tabs button{font-size:9px;padding:7px}.preview-content{gap:12px;padding:15px 12px;min-height:380px}.page-caption .caption-detail{display:none}.placeholder-paper{padding:10% 9%;font-size:7px}.placeholder-paper h3{font-size:14px}.placeholder-paper .doc-intro{font-size:6px}.placeholder-paper td,.placeholder-paper th{padding:2px 3px}.preview-footer{flex-wrap:wrap;padding:10px;gap:3px}.preview-file-label{max-width:100%;font-size:8px}.pagination{margin-left:auto}.below-preview>span:last-child{display:none}}
@media(max-width:800px){.header-inner{padding:0 18px;gap:24px}.site-header{height:65px}.brand{font-size:18px}.brand-mark{width:32px;height:32px}.brand-mark svg{width:23px;height:23px}nav{gap:20px;font-size:12px}.nav-link{font-size:12px}.local-status{display:none}.workspace{padding:24px 18px 0}.intro{margin-bottom:22px}h1{font-size:24px}.workbench{grid-template-columns:1fr;gap:24px}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.upload-panel{grid-column:1/-1}.replace-panel{grid-column:1;grid-row:2/5}.settings-panel{grid-column:2}.output-panel{grid-column:2}.export-area{grid-column:2}.download-result{grid-column:1/-1}.preview-panel{position:static;margin-bottom:30px}.preview-content{padding:24px;gap:25px;min-height:400px}.placeholder-paper{font-size:10px;max-height:none}.placeholder-paper h3{font-size:21px}.placeholder-paper .doc-intro{font-size:8px}.placeholder-paper td,.placeholder-paper th{padding:5px 6px}.paper-slot>img{max-height:none}.preview-content.single .paper-slot>img{max-height:750px;min-height:0}.below-preview{font-size:9px;padding:14px 0}.below-preview>span:last-child{display:inline}.preview-toolbar{padding:13px 18px}.view-tabs button{font-size:11px;padding:8px 13px}.live-indicator{display:flex;font-size:10px}.preview-footer{padding:12px 18px}.preview-file-label{max-width:65%;font-size:9px}.preview-panel{position:relative}.site-footer{margin-top:20px}.preview-content.single .placeholder-paper{max-height:650px;min-height:0}.upload-target{padding:22px}.upload-bottom{margin-top:14px}}
@media(max-width:530px){.header-inner{padding:0 16px;gap:20px}.local-badge{font-size:8px}.brand{gap:7px;font-size:17px}.brand-mark{width:30px;height:30px}.brand-mark svg{width:22px;height:22px}nav{gap:14px;font-size:10px;margin-left:auto}.nav-link{font-size:10px}.nav-link>span{display:none}.workspace{padding:22px 14px 0}h1{font-size:22px}.eyebrow{font-size:9px}.intro p{font-size:11px}.sidebar{display:flex;gap:11px}.replace-panel,.settings-panel,.output-panel,.export-area{width:100%}.replace-panel{padding:18px}.rule-row input{font-size:12px;padding:10px}.panel-description{font-size:11px}.rule-hint{font-size:10px}.rule-status{font-size:10px}.presets button{font-size:11px}.settings-panel{padding:17px}.setting-row>label,select{font-size:12px}.advanced>summary{font-size:11px}.slider-setting>label{font-size:11px}.output-panel{padding:0 18px}.output-panel summary>span:first-child{font-size:12px}.summary-value{font-size:10px}.primary-button{font-size:13px;min-height:47px}.export-note{font-size:10px}.preview-content{padding:15px 12px;gap:12px;min-height:300px}.placeholder-paper{font-size:7px;line-height:1.7}.placeholder-paper h3{font-size:13px}.placeholder-paper .doc-intro{font-size:6px}.placeholder-paper td,.placeholder-paper th{padding:2px 3px}.placeholder-paper table{font-size:.8em}.placeholder-paper h4{margin:8% 0 3%}.preview-toolbar{padding:10px}.view-tabs button{font-size:10px;padding:7px 9px}.live-indicator{display:none}.effect-badge{font-size:8px}.page-caption b{font-size:9px}.preview-footer{padding:9px 10px}.preview-file-label{font-size:8px;max-width:57%}.below-preview{font-size:8px}.below-preview>span:last-child{display:none}.site-footer{font-size:9px;gap:10px;padding:20px 0}.site-footer>span:last-child{font-size:6px;letter-spacing:.8px}.help-dialog{padding:22px}.dialog-header h2{font-size:16px}.preview-notice{padding:10px 12px;font-size:10px}.toast{max-width:calc(100vw - 24px);width:calc(100vw - 24px);font-size:11px}.preview-content.single .placeholder-paper{font-size:11px;width:290px}.preview-content.single .placeholder-paper h3{font-size:23px}.preview-content.single .placeholder-paper .doc-intro{font-size:9px}.preview-content.single .placeholder-paper td,.preview-content.single .placeholder-paper th{padding:4px 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:1.5s!important}}
@media(max-width:530px){.sidebar{align-items:stretch}.upload-panel{width:100%}}