@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f4f4f9;--surface: #ffffff;--surface2: #eeeef6;--surface3: #e4e4ef;--border: #d0d0e0;--accent: #e02245;--accent2: #e07830;--accent3: #5e44f0;--text: #1a1a2e;--text2: #555570;--text3: #9090a8;--success: #0fa870;--warn: #c89000;--radius: 12px}body.dark{--bg: #0a0a0f;--surface: #111118;--surface2: #18181f;--surface3: #22222c;--border: #2a2a38;--accent: #ff4d6d;--accent2: #ff8c42;--accent3: #7c6aff;--text: #f0f0f5;--text2: #8888a0;--text3: #555568;--success: #22d3a0;--warn: #f5c518}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:25px;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(94,68,240,.06) 0%,transparent 70%);pointer-events:none;z-index:0}body.dark:before{background:radial-gradient(ellipse,rgba(124,106,255,.07) 0%,transparent 70%)}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(224,34,69,.05) 0%,transparent 70%);pointer-events:none;z-index:0}body.dark:after{background:radial-gradient(ellipse,rgba(255,77,109,.06) 0%,transparent 70%)}header{position:relative;z-index:10;padding:14px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface)}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent3),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.logo-text{font-family:Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px}.logo-text span{color:var(--accent)}.header-sub{color:var(--text3);font-size:8px;letter-spacing:1px;text-align:right;text-transform:uppercase}.tools-nav{display:flex;gap:6px;align-items:center;flex:1;justify-content:center}.nav-category{position:relative}.nav-cat-btn{padding:8px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text2);font-size:12px;letter-spacing:.3px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:700}.nav-cat-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.nav-cat-btn.has-active{color:var(--accent3);font-weight:600}.nav-cat-btn .cat-arrow{font-size:8px;opacity:.6;transition:transform .2s}.nav-category.open .nav-cat-btn{background:var(--surface2);border-color:var(--accent3);color:var(--accent3)}.nav-category.open .cat-arrow{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000026;padding:6px;z-index:999;display:none;flex-direction:column;gap:2px}body.dark .nav-dropdown{box-shadow:0 8px 32px #00000080}.nav-category.open .nav-dropdown{display:flex}.tool-btn{padding:9px 14px;border-radius:7px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:none;background:transparent;color:var(--text2);font-size:12px;letter-spacing:.3px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-align:left;width:100%;font-weight:700}.tool-btn:hover{background:var(--surface2);color:var(--text)}.tool-btn.active{background:linear-gradient(135deg,var(--accent3),var(--accent));color:#fff;font-weight:500}.theme-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 6px 4px 10px;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:11px;color:var(--text3)}.theme-toggle:hover{border-color:var(--accent3);color:var(--text2)}.theme-toggle-knob{width:30px;height:17px;background:var(--border);border-radius:10px;position:relative;transition:background .25s;flex-shrink:0}.theme-toggle-knob:after{content:"";position:absolute;top:2.5px;left:2.5px;width:12px;height:12px;border-radius:50%;background:var(--text3);transition:transform .25s,background .25s}body.dark .theme-toggle-knob{background:var(--accent3)}body.dark .theme-toggle-knob:after{transform:translate(13px);background:#fff}.panel{display:none}.panel.active{display:block;animation:fadeIn .3s ease}.section-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px}.section-desc{color:var(--text2);font-size:14px;margin-bottom:28px;line-height:1.6}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;cursor:pointer;transition:all .25s;background:var(--surface);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;height:120px}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5e44f00a,#e022450a);opacity:0;transition:opacity .3s}body.dark .dropzone:before{background:linear-gradient(135deg,#7c6aff0a,#ff4d6d0a)}.dropzone:hover,.dropzone.dragover{border-color:var(--accent3);background:var(--surface2)}.dropzone:hover:before,.dropzone.dragover:before{opacity:1}.dropzone-icon{font-size:28px;margin-bottom:8px;display:block;flex-shrink:0}.dropzone-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex-shrink:0}.dropzone-sub{color:var(--text3);font-size:11px;letter-spacing:.5px}.small-icon{font-size:clamp(12px,2vw,18px);padding-top:.4em;display:inline-block}.pages-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;min-height:40px}.page-thumb{position:relative;width:110px;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none;flex-shrink:0}.page-thumb:hover{border-color:var(--accent3);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}body.dark .page-thumb:hover{box-shadow:0 8px 24px #0006}.page-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px #e0224540}.page-thumb.dragging{opacity:.4;transform:scale(.95)}.page-thumb.drag-over{border-color:var(--success);transform:scale(1.05)}.page-thumb.anonymized{border-color:var(--warn)!important;box-shadow:0 0 0 3px #c890004d!important}body.dark .page-thumb.anonymized{box-shadow:0 0 0 3px #f5c5184d!important}.page-thumb.anonymized:after{content:"🔍";position:absolute;top:4px;right:4px;font-size:12px;background:#c89000e6;border-radius:4px;padding:2px 4px}.page-thumb canvas{width:100%;height:auto;display:block}.page-label{padding:5px 8px;font-size:10px;color:var(--text2);text-align:center;background:var(--surface3);border-top:1px solid var(--border);letter-spacing:.5px}.page-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .15s}.page-thumb:hover .page-delete{display:flex}.page-delete:hover{transform:scale(1.2)}.page-num-badge{position:absolute;top:4px;left:4px;background:#0000008c;color:#fff;font-size:9px;padding:2px 6px;border-radius:4px;letter-spacing:.5px}body.dark .page-num-badge{background:#000000b3}.page-rotate-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#5e44f0d9;border:none;color:#fff;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .15s}.page-thumb:hover .page-rotate-btn{display:flex}.page-rotate-btn:hover{transform:scale(1.2) rotate(45deg)}.page-close-btn{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#c81e32d9;border:none;color:#fff;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .15s;line-height:1}.page-thumb:hover .page-close-btn{display:flex}.page-close-btn:hover{transform:scale(1.2)}@media (max-width: 768px){.page-close-btn{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:grab;transition:all .2s}.file-item:hover{border-color:var(--accent3);background:var(--surface3)}.file-item.dragging{opacity:.4}.file-item.drag-over{border-color:var(--success);background:#0fa8700f}.file-icon{font-size:20px}.file-info{flex:1;min-width:0}.file-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-size{font-size:11px;color:var(--text3);margin-top:2px}.file-remove{background:none;border:1px solid var(--border);color:var(--text3);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.file-remove:hover{background:var(--accent);border-color:var(--accent);color:#fff}.drag-handle{color:var(--text3);cursor:grab;font-size:16px}.file-thumbnail{width:44px;min-height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--border);flex-shrink:0;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:18px}.file-thumbnail img{width:100%;height:auto;display:block}.file-thumb-icon{font-size:18px;line-height:1}.controls{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;align-items:center}.btn{padding:12px 24px;border-radius:10px;border:none;font-size:13px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--accent3),var(--accent));color:#fff;box-shadow:0 4px 20px #5e44f040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #5e44f059}.btn-primary:active{transform:translateY(0)}.btn-secondary{height:2.5rem;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface3);color:var(--text);border-color:var(--text3)}.btn-warn{background:linear-gradient(135deg,#8a6200,var(--warn));color:#fff}.btn-warn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c8900066}.btn-success{background:linear-gradient(135deg,#0a7a52,var(--success));color:#fff;box-shadow:0 4px 16px #0fa87040}.btn-success:hover{transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.split-controls{display:flex;flex-direction:column;gap:16px;margin-top:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:11px;color:var(--text2);letter-spacing:1px;text-transform:uppercase}.input-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.num-input{width:80px;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;text-align:center;transition:border-color .2s}.num-input:focus{outline:none;border-color:var(--accent3)}.text-input{flex:1;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;transition:border-color .2s}.text-input:focus{outline:none;border-color:var(--accent3)}.input-sep{color:var(--text3);font-size:12px}.range-tag{padding:6px 12px;background:var(--surface3);border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--text2);display:flex;align-items:center;gap:6px;cursor:default}.range-tag-remove{color:var(--text3);cursor:pointer;font-size:14px;line-height:1;transition:color .15s}.range-tag-remove:hover{color:var(--accent)}.ranges-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:36px}.compress-opts{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.compress-opt{flex:1;min-width:140px;padding:18px 20px;background:var(--surface2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.compress-opt:hover,.compress-opt.selected{border-color:var(--accent3);background:var(--surface3)}.compress-opt.selected{box-shadow:0 0 0 3px #5e44f033}.compress-opt-icon{font-size:24px;margin-bottom:8px}.compress-opt-name{font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px}.compress-opt-desc{font-size:10px;color:var(--text3)}.toast{position:fixed;bottom:32px;right:32px;z-index:9999;padding:14px 24px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:10px;transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);max-width:380px;box-shadow:0 8px 32px #00000026}body.dark .toast{box-shadow:0 8px 32px #00000080}.toast.show{transform:translateY(0);opacity:1}.toast.success{background:#0fa8701f;border:1px solid var(--success);color:var(--success)}.toast.error{background:#e022451f;border:1px solid var(--accent);color:var(--accent)}.toast.info{background:#5e44f01f;border:1px solid var(--accent3);color:var(--accent3)}.toast.warn{background:#c890001f;border:1px solid var(--warn);color:var(--warn)}body.dark .toast.success{background:#0d2b22}body.dark .toast.error{background:#2b0d15}body.dark .toast.info{background:#1a1a30}body.dark .toast.warn{background:#2b2200}.progress-bar{height:3px;background:var(--border);border-radius:100px;overflow:hidden;margin-top:16px;display:none}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent3),var(--accent));width:0%;transition:width .3s;border-radius:100px}.stats-row{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.stat-card{flex:1;min-width:120px;padding:16px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.stat-val{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:var(--accent3)}.stat-label{font-size:10px;color:var(--text3);margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.divider{height:1px;background:var(--border);margin:28px 0}.empty-state{text-align:center;padding:40px;color:var(--text3);font-size:12px;letter-spacing:.5px}.empty-state-icon{font-size:32px;margin-bottom:10px;opacity:.5}.selection-bar{display:none;align-items:center;gap:12px;padding:10px 16px;background:#e022451a;border:1px solid rgba(224,34,69,.3);border-radius:10px;margin-bottom:12px;font-size:12px;color:var(--accent)}.selection-bar.visible{display:flex}.page-thumb.split-keep{border-color:var(--accent3);box-shadow:0 0 0 3px #5e44f04d}.page-thumb.split-keep .page-label{background:#5e44f026;color:var(--accent3)}.page-thumb.split-exclude{border-color:var(--accent);box-shadow:0 0 0 3px #e0224540;opacity:.65}.page-thumb.split-exclude canvas{filter:grayscale(.5) brightness(.85)}.page-thumb.split-exclude .page-label{background:#e0224526;color:var(--accent)}.page-status-icon{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:16px;display:none;pointer-events:none}.page-thumb.split-keep .page-status-icon,.page-thumb.split-exclude .page-status-icon{display:block}.split-count-bar{display:flex;gap:16px;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-top:12px;font-size:12px;align-items:center}.split-count-keep{color:var(--accent3);font-weight:600}.split-count-excl{color:var(--accent);font-weight:600}.split-mode-btns{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.mode-btn{padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:11px;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:var(--accent3);color:var(--text)}.mode-btn.active{background:var(--accent3);border-color:var(--accent3);color:#fff}.split-layout{display:flex;gap:0;margin-top:20px;align-items:flex-start}.split-left{flex:1;min-width:0;padding-right:20px;max-height:calc(100vh - 220px);overflow-y:auto}.split-right{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.split-right .controls{flex-direction:column;align-items:stretch;margin-top:8px}.split-right .controls .btn{justify-content:center}.split-preview-all-label{font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.page-thumb.in-range{border-color:var(--success);box-shadow:0 0 0 2px #0fa8704d}.page-thumb.in-range .page-label{background:#0fa8701f;color:var(--success)}.btn-run-download{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px}.kw-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.kw-row .text-input{flex:2}.kw-row .text-input.replacement{flex:1}.kw-remove{background:none;border:1px solid var(--border);color:var(--text3);width:32px;height:38px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.kw-remove:hover{background:var(--accent);border-color:var(--accent);color:#fff}.anon-result-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:16px;font-size:12px;line-height:1.8}.anon-result-box .hit{color:var(--warn);font-weight:600}.anon-result-box .meta-hit{color:var(--accent2);font-weight:600}.lock-opts{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.lock-opt{flex:1;min-width:200px;padding:20px;background:var(--surface2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.lock-opt:hover,.lock-opt.selected{border-color:var(--accent3);background:var(--surface3)}.lock-opt.selected{box-shadow:0 0 0 3px #5e44f033}.lock-opt-icon{font-size:28px;margin-bottom:8px}.lock-opt-name{font-family:Inter,sans-serif;font-size:15px;font-weight:700;margin-bottom:4px}.lock-opt-desc{font-size:10px;color:var(--text3)}.password-input{width:100%;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:border-color .2s;margin-top:8px}.password-input:focus{outline:none;border-color:var(--accent3)}.meta-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px}.meta-table th{text-align:left;padding:10px 14px;color:var(--text3);font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}.meta-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.meta-table td:first-child{color:var(--text2);width:180px}.meta-table td:last-child{color:var(--text);word-break:break-all}.meta-orig{color:var(--accent)!important;text-decoration:line-through;opacity:.7}.meta-new{color:var(--success)!important}.group-opts{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.group-opt{flex:1;min-width:100px;padding:14px;background:var(--surface2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.group-opt:hover,.group-opt.selected{border-color:var(--accent3);background:var(--surface3);box-shadow:0 0 0 3px #5e44f033}.group-opt-val{font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:var(--accent3)}.group-opt-label{font-size:10px;color:var(--text3);margin-top:2px}.wm-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;align-items:flex-end}.wm-field{display:flex;flex-direction:column;gap:6px}.wm-field .input-label{font-size:10px}input[type=range]{-webkit-appearance:none;width:140px;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent3);cursor:pointer}input[type=color]{width:40px;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);cursor:pointer;padding:2px}.crop-container{display:flex;gap:24px;margin-top:20px;align-items:flex-start;flex-wrap:wrap}.crop-pages-col{flex:0 0 auto;width:500px;max-width:100%}.crop-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:8px}.crop-list-col .crop-page-label{font-size:8px;padding:2px 4px}.crop-page-thumb{position:relative;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);cursor:pointer;transition:all .2s}.crop-page-thumb:hover{border-color:var(--accent3);transform:translateY(-2px)}.crop-page-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 3px #e0224540}.crop-page-thumb canvas{width:100%;display:block}.crop-page-label{padding:4px 6px;font-size:9px;color:var(--text3);text-align:center;background:var(--surface3)}.crop-editor-col{flex:1;min-width:280px}.crop-canvas-wrap{position:relative;display:inline-block;border:1px solid var(--border);border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#888}.crop-canvas-wrap canvas{display:block;max-width:100%}.crop-rect{position:absolute;border:2px solid var(--accent3);background:#5e44f01a;box-shadow:0 0 0 9999px #0006;pointer-events:none}.crop-hint{font-size:11px;color:var(--text3);margin-top:10px}.crop-coords{font-size:11px;color:var(--text2);margin-top:6px;background:var(--surface2);padding:8px 12px;border-radius:8px;border:1px solid var(--border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-thumb--skeleton canvas{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.page-thumb:not(.page-thumb--skeleton) canvas{background:none;animation:none}.hint{font-size:11px;color:var(--text3);margin-top:8px;line-height:1.5}.hint kbd{background:var(--surface3);border:1px solid var(--border);padding:1px 5px;border-radius:4px;font-family:inherit;font-size:10px}#ocr-page-progress-list{display:flex;flex-wrap:wrap;gap:6px}#ocr-log{font-size:11px;color:var(--text3);line-height:1.8}#ocr-log div:before{content:"› ";color:var(--accent3)}#info-btn:hover{transform:scale(1.1);box-shadow:0 8px 28px #5e44f099}#sign-canvas{background:#fff;border-radius:0}.sign-page-wrapper{position:relative;display:inline-block;cursor:crosshair;flex-shrink:0}.sign-page-wrapper:hover .page-delete{display:flex}.sig-overlay{position:absolute;border:2px dashed var(--accent3);cursor:move;-webkit-user-select:none;user-select:none;border-radius:4px}.sig-overlay img{width:100%;height:100%;display:block;pointer-events:none}.sig-overlay .sig-del{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:var(--accent);border:none;border-radius:50%;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.sig-overlay .sig-resize{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;background:var(--accent3);border-radius:3px;cursor:se-resize}#hf-form{max-width:900px}.lang-flag-img{width:22px;height:16px;object-fit:cover;border-radius:3px;display:inline-block;flex-shrink:0;border:1px solid rgba(128,128,128,.2)}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background .2s;-webkit-tap-highlight-color:transparent}.hamburger:active{background:var(--surface3)}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}.mobile-overlay.visible{display:block;opacity:1}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);background:var(--surface);border-right:1px solid var(--border);z-index:200;display:flex;flex-direction:column;padding:var(--safe-top) 0 var(--safe-bottom) var(--safe-left);transform:translate(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-close{width:36px;height:36px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.drawer-close:active{background:var(--accent);color:#fff;border-color:var(--accent)}.drawer-section-label{padding:16px 20px 6px;font-size:9px;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0}.drawer-tool{width:calc(100% - 24px);margin:3px 12px;border-radius:10px!important;justify-content:flex-start;min-height:44px;padding:12px 16px!important;font-size:13px!important}.drawer-footer{margin-top:auto;padding:20px;font-size:9px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;border-top:1px solid var(--border);flex-shrink:0}.toast{bottom:calc(24px + var(--safe-bottom));right:calc(16px + var(--safe-right))}@media (max-width: 768px){header{padding:14px 16px;flex-wrap:nowrap;gap:12px}.tools-nav,.header-sub{display:none}.hamburger{display:flex}.logo-text{font-size:18px}.logo-icon{width:32px;height:32px;font-size:15px}main{padding:20px 16px calc(40px + var(--safe-bottom))}.section-title{font-size:22px}.section-desc{font-size:11px;margin-bottom:18px}.dropzone{padding:12px 14px;height:90px;min-height:90px;max-height:90px}.dropzone-icon{font-size:20px;margin-bottom:4px}.dropzone-title{font-size:12px}.dropzone-sub{font-size:9px}.controls{flex-direction:column}.btn{width:100%;justify-content:center;min-height:48px;font-size:11px}.page-thumb{width:80px}.stats-row{gap:10px}.stat-card{min-width:calc(50% - 5px)}.stat-val{font-size:20px}.input-row{flex-direction:column;align-items:flex-start;gap:8px}.num-input,.text-input{width:100%}.compress-opts{flex-direction:column}.compress-opt{min-width:unset}.lock-opts{flex-direction:row;flex-wrap:nowrap;gap:10px}.lock-opt{min-width:unset;flex:1;padding:14px 10px}.lock-opt-icon{font-size:22px;margin-bottom:4px}.lock-opt-name{font-size:13px}.lock-opt-desc{font-size:9px}.wm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.wm-field,.wm-field .num-input,.wm-field .text-input,.wm-field input[type=range]{width:100%}.selection-bar{flex-wrap:wrap;gap:8px}.selection-bar-actions{margin-left:0;width:100%;justify-content:flex-end}.split-mode-btns{flex-direction:row}.mode-btn{flex:1;text-align:center}.kw-row{flex-wrap:wrap}.kw-row .text-input{min-width:0}.meta-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.group-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.group-opt{min-width:unset}input[type=range]{width:100%}.split-count-bar{flex-wrap:wrap;gap:8px}.toast{left:16px;right:16px;max-width:unset;bottom:calc(16px + var(--safe-bottom))}#hf-form{max-width:100%}.hf-grid{grid-template-columns:1fr!important}#sign-canvas{max-width:100%}.sign-grid{grid-template-columns:1fr}.sign-drop{width:100%!important;box-sizing:border-box}.sign-dims-row{flex-wrap:nowrap}#info-panel{position:fixed!important;inset:var(--safe-top) var(--safe-right) 0 0!important;width:100%!important;max-height:calc(100dvh - var(--safe-top))!important;bottom:0!important;top:var(--safe-top)!important;right:0!important;border-radius:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:9000!important}#i2p-form .wm-row{justify-content:center}.split-layout{flex-direction:column}.split-left{padding-right:0;max-height:none;overflow-y:visible}.split-right{width:100%;position:static}.crop-container{flex-direction:column}.crop-pages-col{width:100%}}@media (max-width: 480px){main{padding:16px 12px calc(32px + var(--safe-bottom))}header{padding:12px}.section-title{font-size:20px}.dropzone{padding:10px 12px;height:80px;min-height:80px;max-height:80px}.page-thumb{width:70px}.group-opts{grid-template-columns:repeat(2,1fr)}.stat-card{min-width:100%}}@media (pointer: coarse){.btn:hover{transform:none;box-shadow:none}.btn-primary:hover{transform:none;box-shadow:0 4px 20px #5e44f040}.tool-btn:hover{border-color:transparent;color:var(--text2);background:transparent}.tool-btn.active:hover{background:linear-gradient(135deg,var(--accent3),var(--accent))}.page-thumb:hover{transform:none;box-shadow:none;border-color:var(--border)}.page-thumb:active{border-color:var(--accent3);transform:scale(.97)}.file-item:hover{border-color:var(--border);background:var(--surface2)}.file-item:active{border-color:var(--accent3)}.file-remove{width:36px;height:36px}.range-tag-remove{padding:4px 8px;font-size:18px}}#lang-btn{width:44px;height:44px;border-radius:50%;background:#00000012;border:1px solid rgba(0,0,0,.12);cursor:pointer;box-shadow:0 4px 18px #0000001f;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .18s,box-shadow .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;padding:0}body.dark #lang-btn{background:#ffffff12;border-color:#ffffff21;box-shadow:0 4px 18px #00000059}#lang-btn:hover{background:#0000001f;transform:scale(1.08);box-shadow:0 6px 24px #0003}body.dark #lang-btn:hover{background:#ffffff21;box-shadow:0 6px 24px #00000073}#lang-btn.open{transform:scale(1.08)}#lang-options.visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.lang-opt-btn{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:28px;cursor:pointer;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000001a;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}body.dark .lang-opt-btn{box-shadow:0 4px 20px #00000073}.lang-opt-btn:hover{background:#5e44f01a;border-color:#5e44f066;transform:translate(-4px)}body.dark .lang-opt-btn:hover{background:#7c6aff2e;border-color:#7c6aff73}.lang-opt-btn.active{background:#5e44f01f;border-color:#5e44f080}body.dark .lang-opt-btn.active{background:#7c6aff38;border-color:#7c6aff99}.lang-flag{font-size:20px;line-height:1;flex-shrink:0}.lang-label{color:var(--text);font-size:13px;font-weight:500;letter-spacing:.01em}#info-btn{position:fixed;bottom:28px;right:28px;z-index:9;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent3),var(--accent));border:none;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 20px #5e44f080;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;font-family:Inter,sans-serif;font-weight:700}#info-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px #5e44f0a6}main{position:relative;z-index:1;max-width:1400px;width:100%;margin:0 auto;padding:32px 40px 80px;flex:1}.img-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.scan-thumb{width:110px;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);cursor:grab;transition:border-color .2s,transform .2s;position:relative}.scan-thumb img{width:100%;height:90px;object-fit:cover;display:block;pointer-events:none}.scan-thumb:hover{border-color:var(--accent3);transform:translateY(-2px)}.scan-thumb.dragging{opacity:.4}.scan-thumb.drag-over{border-color:var(--accent3);transform:scale(1.04)}.scan-thumb-actions{display:none;position:absolute;top:4px;right:4px;flex-direction:column;gap:4px}.scan-thumb:hover .scan-thumb-actions{display:flex}.scan-action-btn{width:26px;height:26px;border-radius:6px;border:none;background:#000000a6;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.scan-action-btn:hover{background:var(--accent3)}.scan-del-btn:hover{background:var(--accent)}.scan-thumb-badge{position:absolute;bottom:4px;left:4px;background:#0000008c;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;pointer-events:none}.scan-crop-indicator{position:absolute;top:4px;left:4px;background:var(--accent3);color:#fff;font-size:10px;padding:1px 5px;border-radius:4px;pointer-events:none}.scan-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.scan-crop-dialog{background:var(--surface1);border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;max-width:780px;width:100%;max-height:90vh;overflow:hidden}.scan-crop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text1)}.scan-crop-close-btn{background:none;border:none;color:var(--text3);font-size:16px;cursor:pointer;padding:4px 6px}.scan-crop-close-btn:hover{color:var(--text1)}.scan-crop-body{padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow-y:auto}#scan-crop-wrap canvas{max-width:100%;border-radius:4px}.scan-contrast-row{display:flex;align-items:center;gap:12px;width:100%;max-width:500px}.scan-contrast-label{font-size:12px;color:var(--text2);white-space:nowrap}.scan-contrast-row input[type=range]{flex:1}#scan-contrast-val{font-size:12px;color:var(--text2);width:38px;text-align:right}.scan-crop-hint{font-size:11px;color:var(--text3);text-align:center;margin:0}.scan-crop-footer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--border);justify-content:flex-end}@media (max-width: 480px){.scan-thumb{width:90px}.scan-thumb img{height:70px}.scan-thumb-actions{display:flex}}.ve-nav-btn{background:linear-gradient(135deg,var(--accent3),var(--accent))!important;color:#fff!important;border-radius:8px!important;padding:6px 12px!important;font-size:11px!important;font-weight:600!important;flex-shrink:0;width:15%;height:34px;white-space:nowrap;justify-content:center;margin-left:2%}.ve-nav-btn:hover{opacity:.88}.ve-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);flex-direction:column}.ve-overlay.active{display:flex}.ve-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;min-height:56px}.ve-header-left{display:flex;align-items:center;gap:10px}.ve-header-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.ve-header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.ve-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700}.ve-load-btn{cursor:pointer}.ve-close-btn{width:36px;height:36px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ve-close-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.ve-body{display:flex;flex:1;overflow:hidden;min-height:0}.ve-toolbar{width:64px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;overflow-y:auto}.ve-tool-group{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.ve-tool-btn{width:44px;height:44px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.ve-tool-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border)}.ve-tool-btn.active{background:var(--accent3);color:#fff;border-color:var(--accent3)}.ve-tool-divider{width:36px;height:1px;background:var(--border);margin:6px 0;flex-shrink:0}.ve-prop-group{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 6px}.ve-prop-label{font-size:9px;color:var(--text3);letter-spacing:.5px;text-transform:uppercase;text-align:center}.ve-prop-val{font-size:10px;color:var(--text2)}.ve-color-input{width:36px;height:32px;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:2px;background:var(--surface2)}.ve-quick-colors{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:2px}.ve-qc{width:14px;height:14px;border-radius:3px;cursor:pointer;transition:transform .1s}.ve-qc:hover{transform:scale(1.3)}.ve-slider{width:46px;-webkit-appearance:none;height:3px;background:var(--border);border-radius:2px;outline:none}.ve-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent3);cursor:pointer}.ve-canvas-area{flex:1;min-width:0;background:var(--surface3);position:relative;overflow:hidden;display:flex;flex-direction:column}.ve-pages-scroll{flex:1;overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column;align-items:center;padding:24px}.ve-page-canvas-wrap{position:relative;flex-shrink:0;box-shadow:0 4px 32px #0003;border-radius:2px;background:#fff}.ve-page-canvas-wrap.ve-active-page{outline:2px solid var(--accent3);outline-offset:2px}.ve-page-canvas-wrap canvas{display:block;max-width:100%}.ve-page-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text3);white-space:nowrap;pointer-events:none}.ve-empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--text3);font-size:13px;gap:12px;text-align:center;pointer-events:all;cursor:pointer;z-index:2;background:var(--surface3)}.ve-empty-state.visible{display:flex}.ve-empty-state div{font-size:48px;opacity:.4}.ve-zoom-bar{display:flex;align-items:center;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.ve-zoom-btn{width:24px;height:24px;border-radius:5px;border:none;background:transparent;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .1s}.ve-zoom-btn:hover{background:var(--surface3)}.ve-zoom-slider{width:80px;height:4px;accent-color:var(--accent3);cursor:pointer}.ve-zoom-label{font-size:11px;color:var(--text3);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.ve-pages-inner{display:flex;flex-direction:column;align-items:center;gap:20px;transform-origin:top center;padding-bottom:40px}.ve-page-panel-wrap{width:150px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ve-page-panel-header{padding:10px 12px;font-size:10px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border);flex-shrink:0}.ve-page-panel{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;align-items:center;gap:0}.ve-thumb-wrap{width:110px;border-radius:6px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);cursor:pointer;transition:all .15s;position:relative;flex-shrink:0}.ve-thumb-wrap:hover{border-color:var(--accent3)}.ve-thumb-wrap.active{border-color:var(--accent3);box-shadow:0 0 0 3px #5e44f040}.ve-thumb-wrap.dragging{opacity:.4}.ve-thumb-wrap.drag-over{border-color:var(--success)}.ve-thumb-wrap[draggable]{cursor:grab}.ve-thumb{width:100%;display:block}.ve-thumb-label{text-align:center;font-size:9px;color:var(--text3);padding:2px 0 4px;background:var(--surface3)}.ve-thumb-del{position:absolute;top:3px;right:3px;width:18px;height:18px;background:var(--accent);border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5}.ve-thumb-wrap:hover .ve-thumb-del{display:flex}.ve-add-page-btn{width:110px;height:24px;border-radius:6px;border:1px dashed var(--border);background:transparent;color:var(--text3);font-size:16px;cursor:pointer;transition:all .15s;flex-shrink:0;margin:3px 0;display:flex;align-items:center;justify-content:center}.ve-add-page-btn:hover{border-color:var(--accent3);color:var(--accent3);background:#5e44f00d}.ve-text-input{position:absolute;z-index:200;min-width:60px;min-height:1.2em;background:#ffffffeb;border:1.5px dashed var(--accent3);border-radius:4px;padding:2px 6px;outline:none;font-family:sans-serif;line-height:1.3;white-space:pre;box-shadow:0 2px 8px #5e44f026}body.dark .ve-text-input{background:#141420eb;color:#fff}.ve-canvas-area.ve-dragover{outline:3px dashed var(--accent3);outline-offset:-3px}.ve-empty-load{margin-top:16px;cursor:pointer}.ve-empty-load input{display:none}.ve-context-menu{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 28px #0003;padding:4px;min-width:180px}body.dark .ve-context-menu{box-shadow:0 8px 28px #00000080}.ve-menu-item{padding:9px 14px;font-size:12px;cursor:pointer;border-radius:5px;color:var(--text2);white-space:nowrap}.ve-menu-item:hover{background:var(--surface2);color:var(--text)}.ve-menu-danger{color:var(--accent)}.ve-menu-danger:hover{background:#e022451a}@media (max-width: 768px){.ve-header{padding:4px 8px;gap:4px;min-height:0;flex-wrap:nowrap}.ve-header-left{display:none}.ve-header-right{gap:4px}.ve-header-right .btn{padding:6px 8px;font-size:10px;height:32px}.ve-close-btn{width:30px;height:30px;font-size:14px}.ve-load-bar{padding:8px 12px;min-height:40px;gap:8px}.ve-load-bar-text{font-size:11px}.ve-body{flex-direction:column}.ve-toolbar{width:100%;flex-direction:row;flex-wrap:nowrap;height:48px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border);padding:4px 6px;gap:2px;align-items:center}.ve-tool-group{flex-direction:row;width:auto;gap:2px}.ve-tool-btn{width:38px;height:38px;font-size:16px}.ve-prop-group{flex-direction:row;width:auto;align-items:center;padding:0 4px;gap:4px}.ve-prop-label{display:none}.ve-tool-divider{width:1px;height:28px;margin:0 3px}.ve-slider{width:55px}.ve-canvas-area{flex:1;min-height:0}.ve-pages-scroll{padding:8px}.ve-page-canvas-wrap canvas{max-width:100%}.ve-page-panel-wrap{width:100%;height:90px;border-left:none;border-top:1px solid var(--border);flex-direction:row;flex-shrink:0;overflow:hidden}.ve-page-panel-header{writing-mode:vertical-lr;padding:6px 3px;font-size:8px;border-bottom:none;border-right:1px solid var(--border)}.ve-page-panel{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:6px;align-items:center;padding:4px 6px}.ve-thumb-wrap{width:55px;flex-shrink:0}.ve-add-page-btn{width:24px;height:55px;margin:0 2px;font-size:14px}}@media (pointer: coarse){.ve-thumb-del{display:flex;width:22px;height:22px;font-size:11px}}.ve-img-label{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ve-qc-white{background:#fff;border:1px solid #ccc}#ve-file-input,#ve-img-input{display:none}.btn-sm{padding:7px 14px!important;font-size:10px!important}.btn-sm-add{padding:9px 12px;font-size:11px}.btn-sm-pad{padding:12px 14px!important;font-size:10px!important}.btn-center{justify-content:center}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.controls-col{flex-direction:column;align-items:stretch}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-16{margin-top:16px}.mt-35{margin-top:35px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.p-0{margin:0}.hint-sm{font-size:10px;color:var(--text3)}.hint-xs{font-size:9px;color:var(--text3);margin-top:-6px}.label-xs{font-size:9px!important;padding:4px 0!important}.stat-success{color:var(--success)}.stat-warn2{color:var(--accent2)}.num-input-sm{width:60px}.acc-checkbox{accent-color:var(--accent3)}.input-sep-label{font-size:11px;color:var(--text2)}.split-merge-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text2);cursor:pointer;margin-top:4px}.split-empty{padding:10px;text-align:left;font-size:11px}.range-input-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.drop-replace-hint{margin-top:16px;font-size:10px;color:var(--text3);letter-spacing:.5px}.crop-pages-section{display:none;margin-top:16px}.crop-split-layout{display:none;flex-direction:row;gap:0;height:calc(100vh - 180px);min-height:480px}.crop-list-col{flex:0 0 75%;width:75%;box-sizing:border-box;border-right:1px solid var(--border);padding-right:16px;overflow-y:auto}.crop-list-col .crop-pages-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.crop-editor-flex{flex:0 0 25%;width:25%;box-sizing:border-box;padding-left:14px;display:flex;flex-direction:column;overflow:hidden}.crop-editor-actions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;flex-shrink:0}.crop-editor-actions--mt{margin-top:5px}.crop-inline-label-small{font-size:10px;color:var(--text3);letter-spacing:.5px;margin-bottom:6px;flex-shrink:0;text-transform:uppercase}#crop-inline-editor{flex:1;min-height:0;overflow:hidden}.sign-workspace{display:flex;gap:16px;align-items:flex-start;height:calc(100vh - 340px);min-height:400px}.sign-thumb-strip{width:130px;flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.sign-pages-grid-strip{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}.sign-pages-grid-strip .sign-page-wrapper{cursor:pointer;border:2px solid var(--border);border-radius:4px;overflow:hidden;position:relative;transition:border-color .15s;flex-shrink:0}.sign-pages-grid-strip .sign-page-wrapper:hover{border-color:var(--accent3)}.sign-pages-grid-strip .sign-page-wrapper.sign-page-active{border-color:var(--accent3);box-shadow:0 0 0 3px #5e44f040}.sign-page-preview{flex:1;min-width:0;height:100%;background:var(--surface3);border-radius:var(--radius);border:1px solid var(--border);overflow:auto;position:relative;display:flex;flex-direction:column;align-items:center;cursor:crosshair}.sign-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);font-size:13px;pointer-events:none}.sign-preview-hint{position:sticky;top:0;z-index:5;width:100%;background:#5e44f0e6;color:#fff;text-align:center;font-size:12px;padding:6px 12px;flex-shrink:0}.sign-preview-wrapper{position:relative;display:inline-block;margin:16px auto;flex-shrink:0}.sign-preview-wrapper canvas{display:block;border-radius:4px;box-shadow:0 4px 24px #00000026}.sign-actions-col{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:0}@media (max-width: 768px){.sign-workspace{flex-direction:column;height:auto;min-height:0}.sign-thumb-strip{width:100%;height:auto;flex-direction:row;align-items:center;gap:8px}.sign-thumb-strip .input-label{white-space:nowrap;flex-shrink:0}.sign-pages-grid-strip{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px 0}.sign-page-preview{width:100%;height:70vh;min-height:400px}.sign-actions-col{width:100%;position:static;flex-direction:row;flex-wrap:wrap}.sign-actions-col .btn{flex:1;min-width:140px}}.sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.sign-grid>div:last-child{min-width:0;overflow:hidden}.sign-mode-toggle{display:flex;gap:0;margin-bottom:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sign-mode-btn{flex:1;padding:8px 4px;border:none;background:var(--surface3);color:var(--text2);font-size:11px;cursor:pointer;transition:all .15s}.sign-mode-active{background:var(--accent3)!important;color:#fff!important;font-weight:600}.sign-canvas{display:block;cursor:crosshair;touch-action:none;width:100%}.sign-canvas-controls{display:flex;gap:8px;margin-top:8px;align-items:center}.sign-color-sel{flex:1;height:34px;font-size:11px}.sign-stroke-input{width:65px;padding:5px}.sign-img-drop{padding:22px 12px;min-height:130px}.sign-text-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:10px}.sign-name-input{margin-bottom:6px;font-size:16px;font-family:Georgia,serif;background:transparent;border-color:var(--border)}.sign-date-input{font-size:12px;color:var(--text2);background:transparent;border-color:var(--border)}.sign-drop{padding:24px 16px}.sign-dims-row{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}#hf-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.hf-row{flex-wrap:wrap;gap:20px;margin-bottom:20px}.logo-home{cursor:pointer}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e0;z-index:9000;overflow:auto}.info-panel-popup{position:fixed;bottom:84px;right:28px;z-index:8999;width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #00000026;animation:fadeIn .2s ease}.section-desc code{color:var(--accent3)}.modal-sticky-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-title{color:#fff;font-size:14px;font-weight:600}.modal-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.modal-btn{padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;border:none}.modal-btn-accent{background:var(--accent3);color:#fff}.modal-btn-success{background:var(--success);color:#fff}.modal-btn-neutral{background:var(--surface3);border:1px solid var(--border);color:var(--text2)}.modal-close-btn{background:var(--accent);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.modal-canvas-area{display:flex;flex-direction:column;align-items:center;padding:20px 16px 60px}.modal-canvas-wrap{position:relative;display:inline-block;touch-action:none}.modal-coords{color:#fff9;font-size:11px;margin-bottom:12px}.rotate-modal-wrapper{display:inline-block;max-width:100%;overflow:hidden;border-radius:8px}.anon-warn-box{background:#c890001a;border:1px solid rgba(200,144,0,.4);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}.anon-warn-icon{font-size:18px;flex-shrink:0}.anon-warn-text-wrap{font-size:12px;color:var(--warn);line-height:1.6}#reorder-layout{display:none}#reorder-hint{display:none;margin:0}.mt-20{margin-top:20px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-12{margin-top:12px}.mt-12-g{margin-top:12px;gap:24px}.mb-8{margin-bottom:8px}.input-row-wrap{flex-wrap:wrap}.divider-0{margin-top:0}.lock-pw-wrap{position:relative;max-width:400px}.lock-pw-input{padding-right:44px}.lock-pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px}.lock-strength-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.lock-strength-fill{height:100%;width:0%;transition:width .3s,background .3s;border-radius:2px}.lock-fname-val{font-size:15px;word-break:break-all;color:var(--text)}.ocr-progress-list{display:flex;flex-wrap:wrap;gap:5px;max-height:80px;overflow-y:auto}.ocr-status-val{color:var(--text2);font-size:14px}.ocr-counter-val{font-size:14px;color:var(--text3)}.ocr-lang-sel{max-width:200px}.num-input-md{width:70px}.row-flex-gap{display:flex;gap:8px;align-items:center}.mb-16.input-row{margin-bottom:16px}.stats-row.mb-20{margin-bottom:20px}.wm-text-input{max-width:400px}.wm-sel{max-width:160px}.input-group.mb-16{margin-bottom:16px}.wm-row.mt-12{margin-top:12px}.sign-canvas-wrap{position:relative;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.sign-modal-wrapper{position:relative;display:inline-block;cursor:crosshair}.info-panel-body{padding:20px 24px 0}.info-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.info-panel-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700}.info-close-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;padding:4px}.info-box{border-radius:10px;padding:14px;font-size:11px;line-height:1.8;color:var(--text2)}.info-box-success{background:#0fa87014;border:1px solid rgba(15,168,112,.25)}.info-box-accent{background:#5e44f014;border:1px solid rgba(94,68,240,.2)}.info-box-title{font-weight:600;margin-bottom:6px}.info-title-success{color:var(--success)}.info-title-accent{color:var(--accent3)}.info-muted{color:var(--text3)}.info-sys-stats{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:11px;line-height:1.9;color:var(--text3)}.lang-picker{position:fixed;bottom:84px;right:28px;z-index:10000}.lang-options{position:absolute;right:0;bottom:54px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)}#lang-btn{overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.lang-flag-img-cover{width:100%;height:100%;object-fit:cover;border-radius:50%}.merge-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.merge-thumb{position:relative;width:110px;border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--surface2);cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none;flex-shrink:0}.merge-thumb:hover{border-color:var(--accent3);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}body.dark .merge-thumb:hover{box-shadow:0 8px 24px #0006}.merge-thumb.dragging{opacity:.4;transform:scale(.95)}.merge-thumb.drag-over{border-color:var(--success);transform:scale(1.05)}.merge-thumb-preview{width:100%;min-height:130px;background:var(--surface3);display:flex;align-items:center;justify-content:center;overflow:hidden}.merge-thumb-preview img{width:100%;height:auto;display:block}.merge-thumb-icon{font-size:28px;line-height:1}.merge-thumb-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:transform .15s}.merge-thumb:hover .merge-thumb-remove{display:flex}.merge-thumb-remove:hover{transform:scale(1.2)}.merge-thumb-label{padding:5px 6px 6px;background:var(--surface3);border-top:1px solid var(--border)}.merge-thumb-name{font-size:9px;color:var(--text);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.merge-thumb-info{font-size:9px;color:var(--text3);margin-top:1px;letter-spacing:.3px}@media (max-width: 640px){.merge-thumb{width:90px}}@media (max-width: 768px){.sign-dims-row{display:none}.sign-dims-toggle{display:flex;align-items:center;gap:8px;margin:8px 0;cursor:pointer;font-size:11px;color:var(--text3)}.sign-dims-toggle:before{content:"⚙ "}.sign-dims-row.mobile-visible{display:flex}.wm-optional-row{display:none}.wm-optional-toggle{display:flex;align-items:center;gap:8px;margin:8px 0 4px;cursor:pointer;font-size:11px;color:var(--text3)}.wm-optional-toggle:before{content:"⚙ "}.wm-optional-row.mobile-visible{display:grid}.group-optional-row{display:none}.group-optional-row.mobile-visible{display:flex}.group-optional-toggle{display:flex;align-items:center;gap:8px;margin:8px 0 4px;cursor:pointer;font-size:11px;color:var(--text3)}.group-optional-toggle:before{content:"⚙ "}}@media (min-width: 769px){.sign-dims-toggle,.wm-optional-toggle,.group-optional-toggle{display:none}}.ve-restart-btn{display:none}.ve-load-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;margin-top:.1em;background:var(--surface2);border-bottom:1px solid var(--border);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;min-height:44px;border:dashed;border-width:1.5px}.ve-load-bar input{display:none}.ve-load-bar-icon{font-size:18px;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface3);border:1px solid var(--border);border-radius:6px;color:var(--text2)}.ve-load-bar-text{font-size:12px;font-weight:500;color:var(--text2);flex:1}.ve-load-bar:hover,.ve-load-bar.dragover{background:color-mix(in srgb,var(--accent3) 8%,var(--surface2));border-color:var(--accent3)}.ve-load-bar:hover .ve-load-bar-icon,.ve-load-bar.dragover .ve-load-bar-icon{background:color-mix(in srgb,var(--accent3) 15%,var(--surface3));border-color:var(--accent3);color:var(--accent3)}.ve-load-bar:hover .ve-load-bar-text,.ve-load-bar.dragover .ve-load-bar-text{color:var(--accent3)}.ve-load-bar.dragover{outline:2px dashed var(--accent3);outline-offset:-2px}.ve-empty-icon{font-size:40px;margin-bottom:12px}.seo-h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{position:relative;z-index:5;border-top:1px solid var(--border);background:var(--surface);padding:12px 32px;margin-top:auto}.site-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-footer-brand{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:700;font-size:11px;flex-shrink:0;color:var(--text3)}.site-footer-brand .logo-icon{width:20px;height:20px;font-size:10px;border-radius:6px}.site-footer-brand .logo-text{font-size:11px}.site-footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;flex:1}.site-footer-link{font-size:12px;color:var(--text2);text-decoration:underline;letter-spacing:.3px;transition:color .15s;white-space:nowrap}.site-footer-link:hover{color:var(--accent)}.site-footer-copy{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}@media (max-width: 600px){.site-footer{display:none}}.compare-page,.about-page{max-width:900px;margin:0 auto;padding:48px 32px 64px}.compare-page h1,.about-page h1{font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:800;margin-bottom:8px;color:var(--text)}.compare-page .page-subtitle,.about-page .page-subtitle{font-size:14px;color:var(--text2);margin-bottom:40px;letter-spacing:.3px}.compare-page h2,.about-page h2{font-family:Inter,sans-serif;font-size:18px;font-weight:700;margin:36px 0 12px;color:var(--text)}.compare-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);margin-top:8px}.compare-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.compare-table th{background:var(--surface2);padding:12px 16px;text-align:left;font-weight:600;font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text2);border-bottom:1px solid var(--border)}.compare-table th.col-pdfprod{color:var(--accent)}.compare-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:nth-child(2n) td{background:var(--surface2)}.compare-table td.col-pdfprod{font-weight:600;color:var(--success)}.compare-table td.col-limited{color:var(--warn)}.compare-table td.col-bad{color:var(--accent)}.compare-callout{margin-top:28px;padding:16px 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);font-size:13px;color:var(--text2);line-height:1.7}.compare-callout strong{color:var(--text)}.about-section{font-size:14px;line-height:1.8;color:var(--text2);margin-bottom:20px}.about-section strong{color:var(--text)}.about-feature-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 28px}.about-feature-list li{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text)}.about-contact-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.about-contact-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);font-size:13px;color:var(--text2);text-decoration:none;transition:border-color .15s,color .15s}.about-contact-chip:hover{border-color:var(--accent);color:var(--accent)}.page-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);text-decoration:none;margin-bottom:32px;transition:color .15s;border:none;background:none;cursor:pointer;padding:0;font-family:inherit}.page-back-btn:hover{color:var(--accent)}@media (max-width: 600px){.compare-page,.about-page{padding:28px 16px 48px}}.home-hero{text-align:center;padding:48px 24px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.home-title{font-family:Inter,sans-serif;font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--accent3),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{font-size:15px;color:var(--text2);letter-spacing:.3px}.home-editor-btn{margin-top:8px;font-size:15px!important;padding:16px 36px!important;border-radius:14px!important;box-shadow:0 8px 32px #5e44f059!important}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 0 40px}.home-cat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.home-cat-label{font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text3);padding-bottom:8px;border-bottom:1px solid var(--border)}.home-cat-tools{display:flex;flex-direction:column;gap:4px}.home-tool-btn{display:block;width:100%;text-align:left;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.home-tool-btn:hover{background:var(--surface2);color:var(--accent3)}@media (max-width: 600px){.home-title{font-size:26px}.home-hero{padding:32px 16px 28px}.home-grid{grid-template-columns:1fr 1fr;gap:12px}.home-cat{padding:14px}}#remove-count-bar{flex-direction:column;gap:4px}#crop-download-controls-mobile{margin-top:10px}#comp-image-quality-row{margin-top:16px}#anon-setup{margin-top:24px}#lock-form{margin-top:20px}#lock-strength-bar{margin-top:8px;max-width:400px}#group-form,#wm-form,#i2p-form{margin-top:20px}#ocr-setup{margin-top:24px}#ocr-log{margin-top:12px;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text3);max-height:100px;overflow-y:auto;line-height:1.8}#hf-form{margin-top:24px}#sign-image-panel{display:none}#ocr-page-list{margin-bottom:16px}#lang-flag-fallback{font-size:22px}