:root{color-scheme:light;--paper:#f7f7f3;--ink:#252824;--muted:#646c64;--line:#d8ddd5;--soft:#e9ede6;--accent:#3e6767;--accent-hover:#2e5252;--bed:#e2e6df;--danger:#943d31;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);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,select,summary{cursor:pointer}button{color:inherit}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}button{border:0;background:transparent}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#cfdfd9;color:var(--ink)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.visually-hidden,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;clip-path:none;padding:14px;z-index:30;background:var(--paper)}.topbar,.intro,main,.footer{max-width:1304px;margin:auto}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px}.local-note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.local-note svg{width:16px;height:16px}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 28px}.intro h1{font-size:32px;font-weight:550;letter-spacing:-.025em;line-height:1.3;margin:0;display:flex;align-items:center;gap:15px}.title-mark{color:var(--accent);display:flex}.title-mark svg{width:31px;height:31px}.intro p{font-size:14px;color:var(--muted);margin:12px 0 0;line-height:1.7}.about-link{font-size:13px;text-decoration:none;display:flex;align-items:center;gap:10px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"file preview" "settings preview";column-gap:38px;align-items:start}.file-section{grid-area:file;padding-bottom:20px}.drop-zone{display:flex;align-items:center;gap:15px;width:100%;border:1px dashed #a6b6aa;padding:17px 16px;text-align:left;min-height:78px;transition:background .18s,border-color .18s}.drop-zone:hover,.drop-zone.drag-over{background:#e3ece6;border-color:var(--accent)}.drop-zone>svg{width:23px;height:23px;color:var(--accent)}.drop-zone span{display:grid;gap:6px}.drop-zone strong{font-size:15px;font-weight:550}.drop-zone small{font-size:12px;color:var(--muted)}.drop-zone .file-arrow{margin-left:auto;width:18px}.file-limit{font-size:11px;color:var(--muted);margin:9px 0 17px}.file-summary{display:flex;align-items:center;gap:10px;min-width:0}.file-summary>div{min-width:0;flex:1}.file-summary strong{font-size:13px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.file-summary #file-info{display:block;font-size:11px;color:var(--muted);margin-top:5px}.sample-badge{font-size:10px;background:var(--soft);color:var(--accent);padding:3px 5px;margin-right:6px;vertical-align:1px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border-radius:4px}.icon-button:hover:not(:disabled){background:var(--soft)}.icon-button svg{width:17px;height:17px}.settings{grid-area:settings;border-top:1px solid var(--line);padding-top:20px}fieldset{border:0;padding:0;margin:0;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:14px;font-weight:600;margin:0}.text-button{font-size:12px;color:var(--accent);padding:5px 0;display:inline-flex;align-items:center;gap:6px;line-height:1.6}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.presets{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.presets button{flex:1;padding:11px 2px;font-size:12px;white-space:nowrap;border-right:1px solid var(--line)}.presets button:last-child{border:0}.presets button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.presets button:hover:not([aria-pressed=true]){background:var(--soft)}.preset-description{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 17px;min-height:39px}.control-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0;font-size:12px}select{border:1px solid #cbd2c8;border-radius:4px;background:var(--paper);color:var(--ink);padding:8px 26px 8px 10px;max-width:180px;font-size:12px;min-height:36px}.paper-options{display:flex;gap:6px}.paper-options button{font-size:11px;display:flex;gap:5px;align-items:center;padding:6px 7px;border:1px solid transparent;border-radius:4px;min-height:32px}.paper-options button[aria-pressed=true]{border-color:#9eb1aa;background:#e9efea}.swatch{width:13px;height:16px;border:1px solid #bac1b6;display:block}.swatch.white{background:#fff}.swatch.warm{background:#f0e6cb}.slider-field{margin-top:21px}.slider-field label{font-size:12px;display:flex;justify-content:space-between;margin-bottom:9px}.slider-field output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{display:block;width:100%;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{cursor:not-allowed}.advanced{margin-top:23px;border-top:1px solid var(--line);padding-top:6px}.advanced summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:12px;color:var(--muted);padding:12px 0}.advanced summary::-webkit-details-marker{display:none}.advanced summary svg{width:14px;height:14px}.advanced[open] summary svg{transform:rotate(180deg)}.advanced[open]{padding-bottom:12px}.advanced .text-button{margin-top:16px}.export-section{border-top:1px solid var(--line);padding-top:5px;margin-top:6px}.export-note{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}.primary-button{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;background:var(--accent);color:#fff;padding:14px 10px;border-radius:5px;font-size:14px;min-height:48px;transition:background .18s}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button svg{width:18px}.preview{grid-area:preview;min-width:0;position:sticky;top:18px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;min-height:44px}.preview-heading{font-size:13px;font-weight:550}.view-tabs{display:flex;background:var(--soft);padding:3px;border-radius:5px}.view-tabs button{padding:7px 14px;font-size:12px;border-radius:3px;min-height:32px}.view-tabs button[aria-pressed=true]{background:var(--paper);color:var(--accent);box-shadow:0 1px 3px #273d3020}.view-tabs button:hover:not([aria-pressed=true]){background:#dbe4dc}.preview-bed{position:relative;background:var(--bed);height:620px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;border-radius:7px}.paper-wrap{position:relative;flex-shrink:0;width:390px;max-width:100%;aspect-ratio:595.28 / 841.89;box-shadow:0 8px 28px #27322520;visibility:hidden;background:#fff}.paper-wrap.ready{visibility:visible}.paper-wrap canvas{width:100%;height:100%;display:block}.scan-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split,50%));overflow:hidden}.comparison-line{position:absolute;left:var(--split,50%);top:0;bottom:0;width:1px;background:var(--accent);transform:translateX(-50%);pointer-events:auto;cursor:ew-resize;touch-action:none}.comparison-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:var(--accent);color:white;box-shadow:0 3px 9px #213b3825}.comparison-line svg{width:19px}.paper-labels{position:absolute;inset:-24px 0 auto;display:flex;justify-content:space-between;pointer-events:none}.paper-labels span{font-size:10px;padding:4px 7px;background:#f7f7f3ed;color:#4b554e;border:1px solid #d8ddd5}.preview-loading{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--paper);padding:8px 15px;font-size:12px;white-space:nowrap;border-radius:4px;box-shadow:0 3px 12px #253b3020}.compare-control{display:flex;gap:14px;align-items:center;padding:15px 20px 3px;font-size:11px;color:var(--muted);height:36px}.compare-control>span,.compare-control label{flex:none}.compare-control input{max-width:250px}.compare-control{justify-content:center}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.preview-footer>span{font-size:11px;color:var(--muted)}.pagination{display:flex;align-items:center;gap:9px}.pagination>span{font-size:12px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.status-message{font-size:13px;line-height:1.8;color:var(--accent);padding:15px 0;min-height:45px}.status-message.error{color:var(--danger)}.status-message:empty{padding:0;min-height:24px}.help-row{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:14px}.help-row p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.help-row strong{font-weight:500;color:var(--ink);margin-right:18px}.faq{font-size:12px;color:var(--muted);margin-top:19px;line-height:1.9}.faq summary{width:fit-content;min-height:32px}.faq>div{max-width:760px}.footer{border-top:1px solid var(--line);padding:23px 0;margin-top:36px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.footer a{text-decoration:none}progress{display:block;width:100%;height:5px;accent-color:var(--accent);margin-top:16px}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted);line-height:1.8;padding-top:5px}#download-result{font-size:12px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}#download-again{color:var(--accent);padding:5px 0}#download-info{font-size:11px;color:var(--muted)}.noscript{padding:30px;background:#f4e7de;color:var(--danger)}
@media(min-width:1500px){.preview-bed{height:680px}}
@media(max-width:1399px){.topbar,main,.footer{margin-left:44px;margin-right:44px}.workspace{gap:0 30px;grid-template-columns:280px minmax(0,1fr)}.preview-bed{height:600px}}
@media(max-width:1000px){.topbar,main,.footer{margin-left:28px;margin-right:28px}.workspace{gap:0 24px;grid-template-columns:260px minmax(0,1fr)}.preview-bed{height:560px;padding:22px}.preview-footer{align-items:flex-start}.preview-footer>span{max-width:170px;line-height:1.8}.intro{padding-top:26px}}
@media(max-width:760px){.topbar,main,.footer{margin-left:20px;margin-right:20px}.topbar{height:62px}.brand{font-size:13px;gap:8px}.local-note{font-size:10px;gap:4px}.local-note svg{width:14px}.intro{padding:27px 0 24px;display:block}.intro h1{font-size:28px}.intro p{font-size:12px}.about-link{display:none}.workspace{display:flex;flex-direction:column;gap:0}.file-section,.settings,.preview{width:100%}.file-section{padding-bottom:20px}.drop-zone{min-height:70px;padding:13px 16px}.file-limit{margin-bottom:12px}.file-summary #file-info{margin-top:2px}.preview{position:static;margin-bottom:28px}.preview-bed{height:460px;padding:26px 22px}.preview-toolbar{padding-bottom:10px}.settings{padding-top:21px}.section-heading{margin-bottom:15px}.presets button{padding:12px;font-size:13px}.preset-description{font-size:12px;min-height:0;margin:12px 0 24px}.control-line{font-size:13px;margin:20px 0}.slider-field{margin-top:27px}.slider-field label{font-size:13px}.slider-field input{height:22px}.paper-options button{font-size:12px;min-height:36px}.advanced summary{font-size:13px;min-height:45px}.export-note{font-size:12px}.primary-button{min-height:50px}.help-row{align-items:flex-start}.help-row p{max-width:230px}.help-row strong{display:block;margin:0 0 6px}.help-row .text-button{flex:none}.footer{flex-wrap:wrap;row-gap:15px;margin-top:28px}.footer span{order:3;width:100%}.compare-control{padding-left:0;padding-right:0}.status-message{font-size:12px}}
@media(max-width:360px){.topbar,main,.footer{margin-left:16px;margin-right:16px}.local-note svg{display:none}.preview-bed{height:410px}.view-tabs button{padding:6px 11px}.help-row p{max-width:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.file-message{font-size:12px;line-height:1.8;color:var(--accent);margin:12px 0 0;overflow-wrap:anywhere}.file-message:empty{display:none}.file-message.error{color:var(--danger)}