:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3{margin:0}button{font-family:inherit}:root{--color-bg: #FDFCFA;--color-bg-warm: #FAF8F5;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #1A1814;--color-text-secondary: #5C5A54;--color-text-tertiary: #8A8880;--color-text-muted: #B0AEA6;--color-border: #E8E6E1;--color-border-strong: #D4D2CC;--color-border-subtle: #F0EEEA;--color-accent: #B45309;--color-accent-hover: #92400E;--color-accent-light: #FEF3C7;--color-accent-subtle: #FFFBEB;--color-added: #047857;--color-added-bg: #ECFDF5;--color-added-border: #A7F3D0;--color-added-highlight: rgba(4, 120, 87, .15);--color-removed: #B91C1C;--color-removed-bg: #FEF2F2;--color-removed-border: #FECACA;--color-removed-highlight: rgba(185, 28, 28, .15);--color-modified: #B45309;--color-modified-bg: #FFFBEB;--color-modified-border: #FDE68A;--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(26, 24, 20, .04);--shadow-md: 0 4px 12px rgba(26, 24, 20, .06), 0 1px 3px rgba(26, 24, 20, .04);--shadow-lg: 0 12px 32px rgba(26, 24, 20, .08), 0 4px 8px rgba(26, 24, 20, .04);--shadow-xl: 0 24px 48px rgba(26, 24, 20, .12), 0 8px 16px rgba(26, 24, 20, .06);--shadow-inner: inset 0 2px 4px rgba(26, 24, 20, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(180,83,9,.015) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(4,120,87,.01) 0%,transparent 50%);pointer-events:none;z-index:-1}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.header{text-align:center;margin-bottom:var(--space-3xl);padding:var(--space-xl) 0;position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-added));border-radius:2px}.header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:800;margin:0 0 var(--space-sm);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.1}.header p{font-size:1.125rem;color:var(--color-text-secondary);margin:0;font-weight:400}.main{flex:1}.upload-section{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-2xl)}.arrow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.dropzone{position:relative;border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(180,83,9,.02) 100%);opacity:0;transition:opacity var(--transition-base)}.dropzone:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.dropzone:hover:before{opacity:1}.dropzone.dragging{border-color:var(--color-accent);border-style:solid;background:var(--color-accent-subtle);transform:scale(1.01);box-shadow:var(--shadow-lg),0 0 0 4px var(--color-accent-light)}.dropzone.has-file{border-color:var(--color-added);border-style:solid;background:var(--color-added-bg)}.dropzone.has-file:before{background:linear-gradient(135deg,transparent 40%,rgba(4,120,87,.03) 100%);opacity:1}.file-input{display:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);cursor:pointer;position:relative;z-index:1}.dropzone-label{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-xs) var(--space-md);background:var(--color-bg-warm);border-radius:var(--radius-sm)}.dropzone.has-file .dropzone-label{background:var(--color-added);color:#fff}.dropzone-label{display:flex;align-items:center;gap:var(--space-xs)}.dropzone-label .check-icon{color:#fff}.dropzone-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);font-size:.9375rem}.dropzone-hint .upload-icon{color:var(--color-text-muted);opacity:.7;transition:opacity var(--transition-base),transform var(--transition-base),color var(--transition-base)}.dropzone:hover .dropzone-hint .upload-icon{opacity:1;transform:translateY(-4px);color:var(--color-accent)}.file-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);width:64px;height:72px;background:linear-gradient(145deg,#dc2626,#b91c1c);color:#fff;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.file-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none}.file-icon .pdf-icon{width:28px;height:28px;stroke-width:1.5}.file-name{font-family:var(--font-mono);font-weight:500;font-size:.875rem;color:var(--color-text-primary);word-break:break-all;text-align:center;max-width:200px}.file-size{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-tertiary)}.actions{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-2xl)}.compare-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(145deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base);box-shadow:var(--shadow-md),inset 0 1px #ffffff26;min-width:180px}.compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px #ffffff26}.compare-btn:active:not(:disabled){transform:translateY(0)}.compare-btn:disabled{background:var(--color-border);cursor:not-allowed;box-shadow:none}.reset-btn{padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.reset-btn:hover{background:var(--color-bg-warm);border-color:var(--color-border-strong);color:var(--color-text-primary)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:var(--space-md) var(--space-lg);background:var(--color-removed-bg);border:1px solid var(--color-removed-border);border-left:4px solid var(--color-removed);border-radius:var(--radius-md);color:var(--color-removed);font-weight:500;margin-bottom:var(--space-xl);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.results-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);animation:fadeUp .5s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;background:var(--color-bg-warm);border-bottom:1px solid var(--color-border);padding:var(--space-xs);gap:var(--space-xs)}.tab{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-base),background var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.tab:hover{color:var(--color-text-secondary);background:#ffffff80}.tab.active{color:var(--color-accent);background:var(--color-surface);box-shadow:var(--shadow-sm)}.tab-count{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);background:var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.tab.active .tab-count{background:var(--color-accent-light);color:var(--color-accent)}.tab-content{padding:var(--space-xl)}.tab-content .results{border:none;padding:0;margin:0;box-shadow:none}.results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-subtle)}.results-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0;color:var(--color-text-primary)}.stats{display:flex;gap:var(--space-sm)}.stat{font-family:var(--font-mono);padding:var(--space-sm) var(--space-md);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-xs)}.stat:before{content:"";width:8px;height:8px;border-radius:50%}.stat.added{background:var(--color-added-bg);color:var(--color-added)}.stat.added:before{background:var(--color-added)}.stat.removed{background:var(--color-removed-bg);color:var(--color-removed)}.stat.removed:before{background:var(--color-removed)}.stat.similarity{background:var(--color-accent-subtle);color:var(--color-accent)}.stat.similarity:before{background:var(--color-accent)}.summary-section{margin-bottom:var(--space-lg)}.summary-section h3{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.summary-content{line-height:1.75;color:var(--color-text-primary)}.markdown-body h3{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-subtle)}.markdown-body h3:first-child{margin-top:0}.markdown-body p{margin-bottom:var(--space-md)}.markdown-body ul{margin:var(--space-sm) 0 var(--space-lg) 0;padding-left:var(--space-lg)}.markdown-body li{margin-bottom:var(--space-sm);position:relative}.markdown-body li::marker{color:var(--color-accent)}.markdown-body strong{color:var(--color-text-primary);font-weight:600}.markdown-body table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:.9375rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.markdown-body th,.markdown-body td{padding:var(--space-md);text-align:left;border:1px solid var(--color-border)}.markdown-body th{background:var(--color-bg-warm);font-family:var(--font-display);font-weight:600;color:var(--color-text-primary)}.markdown-body tr:nth-child(2n){background:var(--color-bg)}.markdown-body code{font-family:var(--font-mono);background:var(--color-bg-warm);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.875em;color:var(--color-accent)}.markdown-body pre{background:var(--color-bg-warm);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-md) 0;border:1px solid var(--color-border)}.markdown-body pre code{background:none;padding:0;font-size:.8125rem;color:var(--color-text-primary)}.markdown-body h1,.markdown-body h2{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-subtle)}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.25rem}.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-display);font-weight:600;color:var(--color-text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.markdown-body h4{font-size:1rem}.markdown-body h5{font-size:.9375rem}.markdown-body h6{font-size:.875rem;color:var(--color-text-secondary)}.markdown-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.markdown-body a:hover{color:var(--color-accent-hover)}.markdown-body ol{margin:var(--space-sm) 0 var(--space-lg) 0;padding-left:var(--space-lg)}.markdown-body ol li::marker{color:var(--color-accent);font-weight:600}.markdown-body blockquote{margin:var(--space-md) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--color-accent);background:var(--color-accent-subtle);color:var(--color-text-secondary);font-style:italic}.markdown-body blockquote p{margin:0}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.markdown-body em{font-style:italic;color:var(--color-text-secondary)}.changes-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle)}.toggle-changes-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.toggle-changes-btn:hover{background:var(--color-accent-light)}.changes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.changes-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:0}.changes-list{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.change-item{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.change-item:hover{box-shadow:var(--shadow-md)}.change-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-warm);border-bottom:1px solid var(--color-border-subtle)}.change-badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.change-badge.added{background:var(--color-added);color:#fff}.change-badge.removed{background:var(--color-removed);color:#fff}.change-badge.modified{background:var(--color-modified);color:#fff}.change-context{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-tertiary)}.change-content{padding:var(--space-md);background:var(--color-surface)}.change-comparison{display:flex;flex-direction:column;gap:var(--space-sm)}.change-old,.change-new{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:.9375rem}.change-old{background:var(--color-removed-bg);border-left:3px solid var(--color-removed)}.change-new{background:var(--color-added-bg);border-left:3px solid var(--color-added)}.change-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);min-width:48px;padding-top:2px}.change-text{flex:1;font-family:var(--font-mono);font-size:.875rem;word-break:break-word;line-height:1.6}.change-arrow{display:flex;justify-content:center;align-items:center;color:var(--color-text-muted);font-size:1.25rem;padding:var(--space-xs) 0}.change-item.change-added .change-content{background:var(--color-added-bg)}.change-item.change-removed .change-content{background:var(--color-removed-bg)}.no-changes{padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-warm);border-radius:var(--radius-lg);margin-top:var(--space-lg);font-style:italic}.visual-diff{display:flex;flex-direction:column;gap:var(--space-lg)}.visual-diff-controls{display:flex;justify-content:center;align-items:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,var(--color-bg-warm) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:var(--space-xl)}.scroll-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);background:var(--color-border-subtle);border-radius:var(--radius-sm)}.sync-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);cursor:pointer}.toggle-label span{transition:color .2s ease}.toggle-label span.active{color:var(--color-text);font-weight:600}.toggle-switch{position:relative;width:36px;height:20px;background:var(--color-border);border:none;border-radius:10px;cursor:pointer;transition:background .2s ease;padding:0}.toggle-switch.on{background:var(--color-accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-knob{transform:translate(16px)}.zoom-controls{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface);padding:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--color-border)}.zoom-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.125rem;font-weight:600;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.zoom-controls button:hover{background:var(--color-bg-warm);color:var(--color-accent)}.zoom-controls span{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-tertiary);min-width:48px;text-align:center}.legend{display:flex;gap:var(--space-lg)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);position:relative}.legend-item.removed .legend-color{background:var(--color-removed-highlight);border:2px solid var(--color-removed)}.legend-item.added .legend-color{background:var(--color-added-highlight);border:2px solid var(--color-added)}.visual-diff-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.diff-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-md)}.panel-header{padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(180deg,var(--color-bg-warm) 0%,var(--color-border-subtle) 100%);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.panel-header:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.diff-panel:first-child .panel-header:before{background:var(--color-removed)}.diff-panel:last-child .panel-header:before{background:var(--color-added)}.page-count{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-left:auto;text-transform:none;letter-spacing:0}.panel-content{padding:var(--space-lg);overflow:auto;max-height:650px;background:linear-gradient(90deg,var(--color-border-subtle) 1px,transparent 1px),linear-gradient(var(--color-border-subtle) 1px,transparent 1px),var(--color-bg);background-size:20px 20px;display:flex;justify-content:center}.continuous-panels .panel-content.continuous-scroll{max-height:75vh;align-items:flex-start}.pages-stack{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-xl)}.page-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.page-number{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.page-status-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;z-index:10}.page-status-badge.inserted{background:var(--color-added);color:#fff}.page-status-badge.deleted{background:var(--color-removed);color:#fff}.page-container{position:relative;box-shadow:var(--shadow-xl);background:#fff;border-radius:var(--radius-sm)}.page-container img{display:block;border-radius:var(--radius-sm)}.highlight{position:absolute;pointer-events:auto;cursor:pointer;transition:all var(--transition-fast);border-radius:2px}.highlight-removed{background:var(--color-removed-highlight);border:2px solid var(--color-removed);box-shadow:0 0 0 0 var(--color-removed)}.highlight-removed:hover{background:#b91c1c4d;box-shadow:0 0 0 4px #b91c1c26}.highlight-added{background:var(--color-added-highlight);border:2px solid var(--color-added);box-shadow:0 0 0 0 var(--color-added)}.highlight-added:hover{background:#0478574d;box-shadow:0 0 0 4px #04785726}.highlight-mirrored{animation:mirrorPulse .8s ease-in-out infinite;z-index:10}.highlight-mirrored.highlight-removed{background:#b91c1c66;box-shadow:0 0 0 4px #b91c1c40,0 0 12px #b91c1c4d}.highlight-mirrored.highlight-added{background:#04785766;box-shadow:0 0 0 4px #04785740,0 0 12px #0478574d}@keyframes mirrorPulse{0%,to{opacity:1}50%{opacity:.7}}.text-block-hover{position:absolute;cursor:pointer;z-index:5;border-radius:2px;transition:background .15s ease,box-shadow .15s ease}.text-block-hover:hover{background:#3b82f626;box-shadow:0 0 0 2px #3b82f64d}.text-block-matched{background:#3b82f640;box-shadow:0 0 0 3px #3b82f666,0 0 8px #3b82f64d;animation:matchPulse .6s ease-in-out infinite}@keyframes matchPulse{0%,to{background:#3b82f640}50%{background:#3b82f659}}.no-page{padding:var(--space-3xl);text-align:center;color:var(--color-text-muted);font-style:italic}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;width:100%;background:repeating-linear-gradient(45deg,var(--color-bg),var(--color-bg) 10px,var(--color-border-subtle) 10px,var(--color-border-subtle) 20px);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.placeholder-icon{font-size:3rem;font-weight:700;color:var(--color-text-muted);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;border:2px solid var(--color-border)}.placeholder-text{font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--color-text-tertiary);max-width:200px;text-align:center;line-height:1.4}.panel-badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;margin-left:auto}.panel-badge.inserted{background:var(--color-added-bg);color:var(--color-added);border:1px solid var(--color-added-border)}.panel-badge.deleted{background:var(--color-removed-bg);color:var(--color-removed);border:1px solid var(--color-removed-border)}.highlight-tooltip{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:.875rem;max-width:500px;display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-xl);z-index:1000;animation:tooltipIn .2s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.tooltip-badge.removed{background:var(--color-removed)}.tooltip-badge.added{background:var(--color-added)}.tooltip-text{flex:1;line-height:1.5;font-family:var(--font-mono);font-size:.8125rem}.highlight-summary{display:flex;justify-content:center;gap:var(--space-2xl);padding:var(--space-md) var(--space-lg);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.summary-item{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.summary-item:before{content:"";width:10px;height:10px;border-radius:50%}.summary-item:first-child:before{background:var(--color-removed)}.summary-item:last-child:before{background:var(--color-added)}.loading-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-tertiary)}.loading-visual .spinner{width:32px;height:32px;border-width:3px;border-color:var(--color-border);border-top-color:var(--color-accent)}.footer{text-align:center;padding:var(--space-2xl) var(--space-lg);margin-top:var(--space-2xl);border-top:1px solid var(--color-border-subtle)}.footer p{font-family:var(--font-display);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);margin:0;letter-spacing:.05em}@media(max-width:768px){.app{padding:var(--space-md)}.header{margin-bottom:var(--space-xl);padding:var(--space-md) 0}.upload-section{grid-template-columns:1fr;gap:var(--space-md)}.arrow{width:40px;height:40px;font-size:.75rem}.dropzone{padding:var(--space-xl) var(--space-md)}.results-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.stats{flex-wrap:wrap}.change-comparison{gap:var(--space-md)}.visual-diff-panels{grid-template-columns:1fr}.visual-diff-controls{flex-direction:column;align-items:stretch}.page-nav,.zoom-controls,.legend{justify-content:center}.tabs{flex-direction:column;padding:var(--space-sm)}.tab{padding:var(--space-md)}.highlight-summary{flex-direction:column;gap:var(--space-sm);align-items:center}}.results-container .results-header{animation:fadeUp .4s ease-out .1s both}.results-container .summary-section{animation:fadeUp .4s ease-out .2s both}.results-container .changes-section{animation:fadeUp .4s ease-out .3s both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-light);color:var(--color-accent-hover)}.mode-nav{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);justify-content:center}.mode-btn{padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.mode-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.po-analysis{width:100%}.single-upload{display:flex;justify-content:center;width:100%}.single-upload .dropzone{max-width:500px;width:100%}.analysis-results{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-xl);animation:fadeUp .4s ease-out both}.analysis-results .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.analysis-results .results-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0}.download-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.po-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.po-summary-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.po-summary-item .label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.po-summary-item .value{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.po-summary-item .value.highlight{color:var(--color-accent)}.line-items-section{margin-bottom:var(--space-xl)}.line-items-section h3{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--color-text);margin:0 0 var(--space-md) 0}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.line-items-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.line-items-table th,.line-items-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.line-items-table th{background:var(--color-bg);font-family:var(--font-display);font-weight:600;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.line-items-table td{font-family:var(--font-mono);color:var(--color-text)}.line-items-table tbody tr:last-child td{border-bottom:none}.line-items-table tbody tr:hover{background:var(--color-bg-secondary)}.special-notes{background:var(--color-modified-bg);border:1px solid var(--color-modified);border-radius:var(--radius-md);padding:var(--space-lg)}.special-notes h3{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--color-modified);margin:0 0 var(--space-sm) 0}.special-notes .notes-content{font-size:var(--text-sm);color:var(--color-text);line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.mode-nav{flex-direction:column;gap:var(--space-xs)}.mode-btn{width:100%}.analysis-results{padding:var(--space-md)}.analysis-results .results-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.po-summary{grid-template-columns:1fr 1fr}.line-items-table{font-size:var(--text-xs)}.line-items-table th,.line-items-table td{padding:var(--space-xs) var(--space-sm)}}