:root{color-scheme:light;--ink:#202b29;--muted:#6a7571;--line:#dfe5e1;--surface:#fff;--background:#f5f7f6;--green:#14765e;--green-dark:#0d5f4b;--green-soft:#e9f4ee;--danger:#a53331;--radius:6px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--background);line-height:1.55}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #389e88;outline-offset:4px}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1.35}[hidden]{display:none!important}svg{display:block;width:20px;height:20px;flex-shrink:0;stroke-width:1.7}.skip-link{position:fixed;top:-80px;left:12px;padding:10px 16px;background:var(--surface);z-index:100}.skip-link:focus{top:12px}.site-header{height:72px;border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1120px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;white-space:nowrap}.brand-symbol{width:30px;height:30px;border-radius:5px;background:var(--green);color:#fff;display:grid;place-items:center}.brand-symbol svg{width:21px;height:21px}.header-links{display:flex;gap:28px;color:#59655f;font-size:13px}.header-links a:hover{color:var(--green)}.main-shell{max-width:1120px;margin:0 auto;padding:35px 24px 54px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px;gap:20px}.eyebrow{font-size:10px;color:var(--muted);margin-bottom:7px;font-weight:600}h1{font-size:32px}.price-summary{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;padding-bottom:4px;white-space:nowrap}.price-summary strong{font-size:14px;font-weight:600;color:var(--ink);margin-left:4px}.price-summary span:first-child strong{color:var(--green)}.price-divider{height:14px;width:1px;background:var(--line)}.per-image{font-size:12px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.workspace-bar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 20px;border-bottom:1px solid #e9edeb;font-size:12px}.status-line{display:flex;align-items:center;gap:8px;min-width:0}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#a4aea8}.status-dot.working{background:#c69634}.status-dot.ready{background:var(--green)}.status-dot.failed{background:var(--danger)}#workspace-status{white-space:nowrap}.file-name{color:#89918c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-left:8px}.workspace-meta{color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.workspace-meta svg{width:14px;height:14px}.upload-stage,.busy-stage,.failure-stage{min-height:332px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 20px;text-align:center}.upload-symbol{width:56px;height:56px;display:grid;place-items:center;margin-bottom:20px;color:var(--green);background:var(--green-soft);border-radius:8px}.upload-symbol svg{width:29px;height:29px}.upload-stage h2,.busy-stage h2,.failure-stage h2{font-size:19px}.file-requirements{margin:10px 0 24px;color:var(--muted);font-size:12px}.button{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 17px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;font-weight:550;line-height:1.45;transition:background .15s,border-color .15s;max-width:100%}.button svg{width:17px;height:17px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.secondary:hover:not(:disabled){background:#f5f7f6;border-color:#bec9c2}.text-button{background:transparent;color:var(--muted);padding-left:9px;padding-right:9px}.text-button:hover:not(:disabled){background:#f1f5f3;color:var(--ink)}.choose-button{min-width:158px}.busy-indicator{display:flex;align-items:center;gap:12px}.busy-image{width:130px;height:145px;object-fit:contain;margin-bottom:19px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #d5e4dc;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.secondary-text{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.busy-stage .secondary-text{margin:12px 0}.busy-stage .text-button{margin-top:5px;min-height:36px}.failure-icon{width:35px;height:35px;color:#a18965;margin-bottom:18px}.failure-stage .secondary-text{max-width:500px;margin-top:12px}.failure-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #eef1ef}.segmented{display:flex;align-items:center;background:#edf1ee;border-radius:5px;padding:3px;height:36px;gap:3px}.segmented button{height:30px;min-width:84px;border:0;border-radius:3px;background:transparent;color:var(--muted);padding:3px 12px;font-size:12px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #142d2110}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:5px;color:var(--muted);padding:8px}.icon-button:hover:not(:disabled){background:#edf2ee;color:var(--ink)}.icon-button svg{width:18px;height:18px}.image-stage{height:424px;background:#edf0ee;position:relative;display:flex;justify-content:center;align-items:center;padding:22px}.image-stage>img{display:block;width:100%;height:100%;object-fit:contain}.image-label{position:absolute;right:16px;bottom:13px;background:#ffffffed;border:1px solid #dde3df;color:var(--muted);padding:3px 7px;border-radius:3px;font-size:10px}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 13px}.download-actions{display:flex;gap:10px}.expiry-line{display:flex;flex-wrap:wrap;justify-content:end;gap:5px 14px;font-size:11px;color:var(--muted);padding:0 20px 17px}.drop-overlay{position:absolute;inset:0;background:#eff9f4f5;outline:2px dashed var(--green);outline-offset:-9px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--green);font-size:18px;pointer-events:none}.drop-overlay svg{width:36px;height:36px}.notice{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #eddbd4;background:#fff5f0;color:#8f462e;border-radius:var(--radius);margin-bottom:16px;font-size:13px}.notice>svg{width:17px;height:17px}.notice-text{min-width:0;overflow-wrap:anywhere}.notice .icon-button{margin-left:auto;width:29px;height:29px;color:inherit}.examples{margin-top:33px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.section-heading h2{font-size:15px}.section-heading>span{font-size:11px;color:var(--muted)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.example-grid figure{min-width:0}.example-image{height:235px;background:#e7ece8;border:1px solid #dee5df;padding:15px;border-radius:4px;overflow:hidden}.example-image img{display:block;width:100%;height:100%;object-fit:contain}.example-grid figcaption{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#4b5751;margin-top:9px}.example-caption{color:#89918d;font-size:11px}.site-footer{border-top:1px solid var(--line);background:#eef2ef}.footer-inner{max-width:1120px;margin:auto;padding:28px 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer-brand{font-size:15px;font-weight:650;color:#536058}.footer-inner p{margin-top:7px}.company-contact a:hover{color:var(--green)}.copyright{white-space:nowrap;color:#8c968f}dialog{padding:0;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;box-shadow:0 18px 65px #12221826}dialog::backdrop{background:#17221c73}dialog[open]{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.payment-dialog{width:380px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #e9edeb}.dialog-header h2{font-size:16px}.payment-loading{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted);font-size:13px}#payment-content{text-align:center;padding:21px 24px 20px}.payment-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:18px}.payment-price strong{font-size:34px;line-height:1.3;font-weight:650}.price-unit{font-size:12px;color:var(--muted);margin-left:3px}.payment-method{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--green);margin-top:10px}.payment-method svg{width:16px;height:16px}.qr-frame{position:relative;display:flex;align-items:center;justify-content:center;width:204px;height:204px;margin:17px auto 0;border:1px solid var(--line);border-radius:4px;padding:9px}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-expired{position:absolute;inset:0;background:#fffffff2;display:grid;place-items:center;color:var(--muted);font-size:14px}.mobile-payment-note{display:none;font-size:12px;color:#6b756f;margin-top:13px}.payment-countdown{font-size:12px;color:var(--muted);margin-top:14px}.payment-status{font-size:12px;color:var(--green);margin-top:7px;min-height:20px;overflow-wrap:anywhere}.payment-status.error{color:#9b572d}.check-payment{margin-top:16px;min-width:176px}.order-number{font-size:10px;color:#969d98;margin-top:18px;overflow-wrap:anywhere}.order-number span{display:block;margin-top:3px}.payment-success{padding:32px 22px;text-align:center}.success-symbol{width:48px;height:48px;display:grid;place-items:center;background:var(--green-soft);border-radius:50%;color:var(--green);margin:0 auto 15px}.success-symbol svg{width:27px;height:27px}.payment-success h3{font-size:19px}.payment-success p{margin-top:10px}.payment-success .button{margin-top:25px}.payment-error{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:260px;padding:28px 24px}.payment-error>svg{width:30px;height:30px;color:#aa7042}.payment-error p{font-size:13px;color:var(--muted);margin:16px 0 24px;overflow-wrap:anywhere}.zoom-dialog{width:min(1120px,calc(100% - 32px));height:min(920px,calc(100dvh - 32px));max-width:none;max-height:none}.zoom-dialog[open]{display:flex;flex-direction:column}.zoom-image-wrap{flex:1;min-height:0;background:#e9edeb;padding:14px;overflow:auto;display:flex;justify-content:center;align-items:center}.zoom-image-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain}.noscript-message{position:fixed;inset:auto 0 0;background:#fff0e4;padding:16px;text-align:center;z-index:10}
@media(min-width:1280px){.main-shell{padding-top:42px}.upload-stage{min-height:348px}}
@media(max-width:700px){.header-inner{padding:0 20px}.site-header{height:64px}.header-links{gap:19px;font-size:12px}.brand{font-size:17px;gap:8px}.brand-symbol{width:27px;height:27px}.main-shell{padding:27px 20px 36px}.page-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:19px}h1{font-size:28px}.eyebrow{display:none}.price-summary{font-size:12px;gap:15px}.price-summary strong{font-size:13px}.workspace-bar{padding:10px 14px;gap:8px;font-size:11px}.workspace-meta{font-size:10px}.workspace-meta svg{display:none}.file-name{display:none}.upload-stage{min-height:305px;padding:28px 16px}.busy-stage,.failure-stage{min-height:305px;padding:28px 16px}.upload-stage h2,.busy-stage h2,.failure-stage h2{font-size:18px}.result-toolbar{padding:10px 12px}.image-stage{height:360px;padding:16px}.result-actions{align-items:stretch;flex-direction:column;gap:9px;padding:15px 13px 8px}.download-actions{display:grid;grid-template-columns:1fr;gap:9px}.download-actions .primary{grid-row:1;min-height:44px}.download-actions .secondary{min-height:42px}.next-image{order:2;min-height:36px;align-self:center;padding-top:6px;padding-bottom:6px}.expiry-line{justify-content:center;gap:3px;font-size:10px;padding:0 13px 15px;flex-direction:column;text-align:center}.examples{margin-top:28px}.section-heading{margin-bottom:12px}.example-grid{gap:12px}.example-image{height:205px;padding:8px}.example-caption{display:none}.example-grid figcaption{font-size:11px}.footer-inner{padding:25px 20px;align-items:start;flex-direction:column;gap:19px;font-size:11px}.footer-inner p{margin-top:5px}.copyright{font-size:10px}.mobile-payment-note{display:block}.payment-dialog{max-height:calc(100dvh - 20px)}.zoom-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px)}.zoom-image-wrap{padding:6px}}
@media(max-width:359px){.header-inner{padding:0 14px}.header-links{gap:13px;font-size:11px}.brand{font-size:15px;gap:6px}.brand-symbol{width:24px;height:24px}.brand-symbol svg{width:18px;height:18px}.main-shell{padding:23px 14px 32px}h1{font-size:26px}.price-summary{gap:10px;font-size:11px}.price-summary strong{font-size:12px}.workspace-bar{padding-left:12px;padding-right:12px}.upload-stage,.busy-stage,.failure-stage{min-height:295px}.file-requirements{font-size:11px}.example-image{height:174px;padding:6px}.image-stage{height:320px}.footer-inner{padding-left:14px;padding-right:14px}#payment-content{padding:18px 18px}.qr-frame{width:190px;height:190px}.notice{padding:8px;gap:6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
.notice>#notice-text{min-width:0;overflow-wrap:anywhere}.example-image{display:block;width:100%;position:relative}.example-image:hover{border-color:#a9bcb0}.example-zoom{position:absolute;right:8px;bottom:8px;padding:5px;border-radius:3px;background:#ffffffed;color:#5c6a62;opacity:.8}.example-zoom svg{width:13px;height:13px}.zoom-dialog>.dialog-header,.zoom-controls{flex-shrink:0}.zoom-controls{display:flex;align-items:center;justify-content:space-between;padding:5px 13px;border-bottom:1px solid var(--line);gap:16px}.zoom-stepper,.zoom-modes{display:flex;align-items:center;gap:4px}#zoom-level{width:54px;text-align:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.zoom-image-wrap{display:block;padding:0;position:relative;overscroll-behavior:contain}.zoom-canvas{display:flex;align-items:center;justify-content:center;padding:16px;min-width:100%;min-height:100%;box-sizing:border-box}.zoom-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;flex-shrink:0;user-select:none;-webkit-user-drag:none}.zoom-message{text-align:center;padding:30px 16px;font-size:13px;color:var(--muted)}.zoom-image-wrap.can-pan{cursor:grab}.zoom-image-wrap.panning{cursor:grabbing}
.upload-stage{cursor:pointer;background:#fbfcfb;outline:1px dashed #c4d2c9;outline-offset:-16px;transition:background .15s,outline-color .15s}.upload-stage:hover,.upload-stage:focus-within{background:#f0f8f3;outline-color:var(--green)}.clean-preview-notice{min-height:40px;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e9edeb;font-size:12px;color:var(--muted)}.clean-preview-notice .icon-button{width:28px;height:28px}.clean-preview-notice>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.download-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.download-actions .primary{grid-row:auto;min-height:46px}.download-actions .secondary{min-height:46px}.download-actions .button{padding:10px 6px;font-size:12px;gap:5px;white-space:normal}.download-actions .button svg{width:15px;height:15px}.clean-preview-notice{padding-left:13px;padding-right:13px;font-size:11px}}
@media(max-width:359px){.download-actions .button{font-size:11px;gap:4px}.download-actions .button svg{width:13px;height:13px}.upload-stage{outline-offset:-12px}}