*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1e2127;--bg-pane: #282c34;--border: #3a3f4b;--text: #dfe2e8;--text-dim: #9aa1ad;--accent: #4c8dff}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:24px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-pane);flex:0 0 auto}.app-title{font-size:16px;font-weight:600}.zoom-controls{display:flex;align-items:center;gap:4px}.zoom-controls button{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;min-width:28px;height:28px;cursor:pointer;font-size:14px}.zoom-controls button:hover{border-color:var(--accent)}.zoom-value{padding:0 8px;font-variant-numeric:tabular-nums}.privacy-note{margin-left:auto;font-size:12px;color:var(--text-dim)}.new-comparison{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;height:28px;padding:0 12px;cursor:pointer;font-size:12px}.new-comparison:hover{border-color:var(--accent)}.force-ocr,.changed-only{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.mode-switch{display:flex}.mode-switch button{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);padding:0 12px;height:28px;cursor:pointer;font-size:12px}.mode-switch button:first-child{border-radius:4px 0 0 4px}.mode-switch button:last-child{border-radius:0 4px 4px 0}.mode-switch button+button{border-left:none}.mode-switch button.mode-active{background:var(--accent);border-color:var(--accent);color:#fff}.doc-ocr-badge{background:#d2992233;color:#e3b341;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:600;flex-shrink:0}.diff-nav{display:flex;align-items:center;gap:4px}.diff-nav button{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;min-width:28px;height:28px;cursor:pointer;font-size:16px}.diff-nav button:hover{border-color:var(--accent)}.diff-nav-label{font-size:12px;color:var(--text-dim);padding:0 6px;font-variant-numeric:tabular-nums}.app-body{display:flex;flex:1;min-height:0}.panes{display:flex;flex:1;min-height:0;min-width:0}.pane{flex:1;min-width:0;display:flex;flex-direction:column}.pane+.pane{border-left:1px solid var(--border)}.doc-pane{display:flex;flex-direction:column;height:100%;min-height:0}.doc-header{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-pane);flex:0 0 auto;font-size:13px}.doc-slot-badge{background:var(--accent);color:#fff;border-radius:4px;padding:1px 7px;font-weight:600}.doc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-pages{color:var(--text-dim);flex-shrink:0}.doc-replace{margin-left:auto;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px}.doc-replace:hover{color:var(--text)}.pdf-scroller{flex:1;overflow:auto;min-height:0}.pdf-canvas-area{position:relative}.page-slot{position:absolute;left:50%;transform:translate(-50%)}.page{position:relative;background:#fff;box-shadow:0 2px 8px #00000073}.page-placeholder{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:6px;color:var(--text-dim);font-size:14px;background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(255,255,255,.02) 12px,rgba(255,255,255,.02) 24px)}.page-number{position:absolute;bottom:-1px;right:4px;transform:translateY(100%);font-size:11px;color:var(--text-dim)}.highlight-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hl{position:absolute;border-radius:2px}.hl-removed{background:#f8514947}.hl-added{background:#3fb95047}.hl-changed{background:#d299224d}.hl-active{outline:2px solid var(--accent);outline-offset:1px}.pixel-diff-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-pane .overlay-legend{font-size:12px;color:var(--text-dim)}.overlay-pane .legend-a{color:#ff7b72}.overlay-pane .legend-b{color:#39c5cf}.minimap{width:18px;flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:6px 3px;border-left:1px solid var(--border);background:var(--bg-pane);overflow:hidden}.minimap-cell{flex:1 1 auto;min-height:3px;max-height:16px;border:none;border-radius:2px;background:var(--border);cursor:pointer;padding:0}.minimap-cell.minimap-changed{background:#d29922}.minimap-cell.minimap-added{background:#3fb950}.minimap-cell.minimap-removed{background:#f85149}.minimap-cell.minimap-active{outline:2px solid var(--accent)}.diff-sidebar{width:300px;flex:0 0 auto;border-left:1px solid var(--border);background:var(--bg-pane);display:flex;flex-direction:column;min-height:0}.diff-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);flex:0 0 auto}.sidebar-collapse,.sidebar-expand{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);width:22px;height:22px;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0}.sidebar-collapse:hover,.sidebar-expand:hover{border-color:var(--accent);color:var(--text)}.diff-sidebar-collapsed{width:32px;flex:0 0 auto;border-left:1px solid var(--border);background:var(--bg-pane);display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px}.collapsed-count{font-size:11px;font-weight:600;color:#e3b341;background:#d2992233;border-radius:8px;padding:2px 6px}.diff-warning{padding:8px 14px;font-size:12px;line-height:1.5;background:#d299221f;color:#e3b341;border-bottom:1px solid var(--border)}.diff-warning-error{background:#f851491f;color:#ff7b72}.diff-warning-detail{display:block;color:var(--text-dim);margin-top:4px;word-break:break-all}.diff-list{list-style:none;overflow-y:auto;flex:1;min-height:0}.diff-entry{padding:8px 14px;border-bottom:1px solid var(--border);cursor:pointer;font-size:12px}.diff-entry:hover{background:#4c8dff14}.diff-entry-active{background:#4c8dff24;box-shadow:inset 3px 0 0 var(--accent)}.diff-entry-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.diff-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.diff-badge-removed{background:#f8514933;color:#ff7b72}.diff-badge-added{background:#3fb95033;color:#56d364}.diff-badge-changed{background:#d2992233;color:#e3b341}.diff-entry-page{color:var(--text-dim)}.diff-entry-text{color:var(--text);line-height:1.5;overflow-wrap:anywhere}.diff-entry-text del{color:#ff7b72;text-decoration:line-through;margin-right:6px}.diff-entry-text ins{color:#56d364;text-decoration:none}.upload-zone{flex:1;display:flex;align-items:center;justify-content:center;margin:24px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#4c8dff0f}.upload-zone-inner{text-align:center;color:var(--text-dim);line-height:1.6}.upload-slot-label{display:block;font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}.upload-error{color:#ff7b72;margin-top:8px}