.compare-sidebar{background:#fff;border-radius:12px;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:1.5rem 0 .5rem;position:-webkit-sticky;position:sticky;top:64px;transition:all .7s cubic-bezier(.4,0,.2,1);width:220px;z-index:100}.compare-sidebar.collapsed{border-right-color:#0000;overflow:visible;padding-left:0;padding-right:0;width:0}.compare-sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none;visibility:hidden}.sidebar-content{display:flex;flex:1;flex-direction:column;transition:opacity .2s;width:220px}.sidebar-collapse-btn{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:50%;box-shadow:0 2px 8px #0000000a;color:#94a3b8;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:0;top:12px;transition:all .3s ease;width:24px;z-index:10}.compare-sidebar.collapsed .sidebar-collapse-btn{background:#fff;border-color:#fff;border-radius:20px;color:#1a73e8;height:28px;right:0;width:44px}.toggle-settings-icon{animation:rotate-once .5s ease-out;flex-shrink:0;margin-right:2px}.sidebar-collapse-btn svg{flex-shrink:0}@keyframes rotate-once{0%{transform:rotate(0)}to{transform:rotate(45deg)}}.sidebar-collapse-btn:hover{background:#f8faff;border-color:#d2e3fc;box-shadow:0 4px 12px #00000014;color:#1a73e8}.sidebar-section{margin-bottom:2rem;padding:0 .75rem}.sidebar-section:last-child{margin-bottom:0}.section-title{color:#94a3b8;font-size:.7rem;font-weight:700;gap:.75rem;letter-spacing:.08em;margin-bottom:1.25rem;text-transform:uppercase}.section-title,.setting-item{align-items:center;display:flex}.setting-item{justify-content:space-between;margin-bottom:.75rem;padding:4px 0}.setting-label{color:#3c4043;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{height:18px;width:32px}.slider{background-color:#e8eaed;border-radius:34px}.slider:before{background-color:#fff;bottom:2px;box-shadow:0 1px 3px #0003;height:14px;left:2px;width:14px}input:checked+.slider{background-color:#1a73e8}input:checked+.slider:before{transform:translate(14px)}.tool-grid{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.tool-btn{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:6px;color:#5f6368;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.6rem .25rem;transition:all .2s}.tool-btn span{font-size:.7rem;font-weight:500}.tool-btn:hover:not(:disabled){background:#f1f3f4;color:#202124}.tool-btn.active{background:#e8f0fe;border-color:#d2e3fc;color:#1967d2}.tool-btn:active:not(:disabled){background:#e8eaed}.mode-toggle-pills{background:#f1f3f4;border-radius:6px;display:flex;gap:2px;padding:2px}.mode-pill{background:#0000;border:none;border-radius:4px;color:#5f6368;cursor:pointer;flex:1;font-size:.75rem;font-weight:600;padding:4px 8px;transition:all .2s}.mode-pill.active{background:#fff;box-shadow:0 1px 2px #3c40434d;color:#1a73e8}.compare-sidebar::-webkit-scrollbar{width:4px}.compare-sidebar::-webkit-scrollbar-track{background:#0000}.compare-sidebar::-webkit-scrollbar-thumb{background:#e8eaed;border-radius:10px}.compare-sidebar:hover::-webkit-scrollbar-thumb{background:#dadce0}.mobile-sidebar-toggle{display:none}@media(max-width:768px){.compare-sidebar{bottom:0;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:280px}.compare-sidebar.mobile-open{left:0}.mobile-sidebar-toggle{background:#1a73e8;bottom:1.5rem;box-shadow:0 4px 12px #1a73e866;display:flex;left:auto;position:fixed;right:1.5rem}}.seo-content-section{border-top:1px dashed #e2e8f0;color:#475569;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:900px;padding-top:2rem}.seo-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.seo-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s ease}.seo-header:hover{background:#f1f5f9}.seo-title{color:#334155;font-size:1rem;font-weight:600;margin:0}.seo-toggle-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center}.seo-body{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:all .3s ease-in-out}.seo-body.expanded{border-top:1px solid #e2e8f0;max-height:1200px;opacity:1;padding:1.5rem}.seo-article h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.seo-article h3:first-child{margin-top:0}.seo-article p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.seo-article strong{color:#0f172a;font-weight:600}.seo-article ol{margin-bottom:1.5rem;padding-left:1.2rem}.seo-article li{line-height:1.6;margin-bottom:.5rem}.seo-features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem 0}.seo-feature{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.seo-icon{color:#6366f1;margin-bottom:.5rem}.seo-feature h4{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.seo-feature p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}@media(max-width:768px){.seo-features-grid{grid-template-columns:1fr}}:root{--tool-bg-color:#f8f9fa;--tool-surface-color:#fff;--tool-surface-hover:#f8f9fa;--tool-border-color:#dadce0;--tool-primary-color:#1a73e8;--tool-primary-light:#e8f0fe;--tool-text-primary:#202124;--tool-text-secondary:#5f6368;--tool-text-tertiary:#80868b;--tool-shadow-sm:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;--tool-shadow-md:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;--tool-radius:12px}.tool-info-strip{border-top:1px solid var(--tool-border-color);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:48px;padding-top:48px}@media(max-width:900px){.tool-info-strip{gap:20px;grid-template-columns:1fr}}.info-strip-section{background:var(--tool-surface-color);border:1px solid var(--tool-border-color);border-radius:var(--tool-radius);padding:24px;text-align:left}.info-strip-section h3{align-items:center;color:var(--tool-text-primary);display:flex;font-size:1.125rem;font-weight:500;gap:8px;margin:0 0 16px}.info-strip-section li,.info-strip-section p{color:var(--tool-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.info-strip-section.privacy{background:#f0fdf4;border-color:#bbf7d0}.info-strip-section.privacy h3{color:#166534}.tool-page-wrapper{background:var(--tool-bg-color);color:var(--tool-text-primary);font-family:var(--font-family,"Inter",sans-serif);margin:0 auto;max-width:100%;min-height:100vh;padding:0}.tool-header-clean{background:linear-gradient(180deg,var(--tool-surface-color) 0,var(--tool-bg-color) 100%);border-bottom:1px solid var(--tool-border-color);padding:48px 24px 40px;text-align:center}.tool-header-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px}.tool-icon-badge{align-items:center;background:var(--tool-primary-light);border-radius:50%;color:var(--tool-primary-color);display:inline-flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.tool-header-clean h1{color:var(--tool-text-primary);font-size:2.25rem;font-weight:400;letter-spacing:-.5px;margin:0 0 16px}.tool-subtitle{color:var(--tool-text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:680px}.tool-trust-tags-center{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.tool-container-clean{margin:0 auto;max-width:1200px;padding:40px 24px}.tool-layout-with-sidebar{align-items:stretch;display:flex;flex-direction:column;gap:32px}.tool-main-content{flex:1;min-width:0}.tool-guide-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:24px;margin-top:32px;position:static;width:100%}@media(min-width:1024px){.tool-layout-with-sidebar{align-items:flex-start;flex-direction:row}.tool-guide-sidebar{margin-top:0;position:-webkit-sticky;position:sticky;top:24px;width:320px}}.sidebar-section-clean{background:var(--tool-surface-color);border:1px solid var(--tool-border-color);border-radius:var(--tool-radius);box-shadow:var(--tool-shadow-sm);display:flex;flex-direction:column;padding:24px;text-align:left}.sidebar-section-clean h3{color:var(--tool-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 16px}.sidebar-section-clean p{color:var(--tool-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.guide-list-clean{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.guide-list-clean li{align-items:flex-start;color:var(--tool-text-secondary);display:flex;font-size:.875rem;gap:10px;line-height:1.4;text-align:left}.guide-list-clean li:before{color:var(--tool-primary-color);content:"•";font-weight:700}.security-spotlight{background:#e6fffa;border:1px solid #38b2ac;border-left-width:4px}.security-spotlight h3{color:#2c7a7b!important}.sidebar-badges{display:flex;flex-direction:column;gap:10px;margin-top:16px}.stage-header-barcode,.stage-header-bg,.stage-header-clean{align-items:center;border-bottom:1px solid var(--tool-border-color);display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.stage-number{align-items:center;background:var(--tool-primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:48px;justify-content:center;min-width:48px;width:48px}.stage-info h2{color:var(--tool-text-primary);font-size:1.375rem;font-weight:400;margin:0 0 4px;text-align:left}.stage-info p{color:var(--tool-text-secondary);font-size:.9375rem;margin:0;text-align:left}.btn-primary-tool,.extract-btn,.generate-btn,.process-btn,.scan-btn{align-items:center;background:var(--tool-primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary-tool:hover,.extract-btn:hover:not(:disabled),.generate-btn:hover:not(:disabled),.process-btn:hover:not(:disabled),.scan-btn:hover:not(:disabled){background:#1557b0;box-shadow:var(--tool-shadow-md)}.btn-primary-tool:disabled,.extract-btn:disabled,.generate-btn:disabled,.process-btn:disabled,.scan-btn:disabled{background:var(--tool-border-color);box-shadow:none;color:var(--tool-text-tertiary);cursor:not-allowed}.btn-secondary-tool,.reset-btn,.reset-btn-bg,.reset-btn-clean,.reset-btn-ocr{align-items:center;background:var(--tool-surface-color);border:1px solid var(--tool-border-color);border-radius:4px;color:var(--tool-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-secondary-tool:hover,.reset-btn-bg:hover,.reset-btn-ocr:hover,.reset-btn:hover{background:var(--tool-surface-hover)}.faq-section-tool,.features-section-tool,.how-it-works-tool,.related-tools-section,.use-cases-tool-section{padding:64px 0}.features-section-tool{background:var(--tool-surface-hover)}.how-it-works-tool{background:var(--tool-surface-color)}.use-cases-tool-section{background:var(--tool-surface-hover)}.faq-section-tool{background:var(--tool-surface-color)}.related-tools-section{background:var(--tool-surface-hover)}.faq-container-tool,.features-container-tool,.how-container-tool,.related-container-tool,.use-cases-container-tool{margin:0 auto;max-width:1000px;padding:0 24px;text-align:center}.faq-section-tool h2,.features-section-tool h2,.how-it-works-tool h2,.related-tools-section h2,.use-cases-tool-section h2{color:var(--tool-text-primary);font-size:1.75rem;font-weight:400;margin:0 0 12px}.section-description-tool{color:var(--tool-text-secondary);font-size:1rem;line-height:1.7;margin:0 auto 40px;max-width:680px}.features-grid-tool,.related-tools-grid,.steps-grid-tool,.use-cases-grid-tool{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));text-align:left}.steps-grid-tool{gap:32px;text-align:center}.faq-item-tool,.feature-card-tool,.use-case-item-tool{background:var(--tool-surface-color);border:1px solid var(--tool-border-color);border-radius:var(--tool-radius);box-shadow:var(--tool-shadow-sm);padding:24px}.feature-card-tool svg{color:var(--tool-primary-color);margin-bottom:16px}.faq-item-tool h3,.feature-card-tool h3,.step-item-tool h3,.use-case-item-tool h3{color:var(--tool-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 12px}.faq-item-tool p,.feature-card-tool p,.step-item-tool p,.use-case-item-tool p{color:var(--tool-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.step-item-tool{padding:24px}.step-number-tool{align-items:center;background:var(--tool-primary-color);border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;font-weight:600;height:56px;justify-content:center;margin-bottom:20px;width:56px}.faq-list-tool{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.faq-item-tool{background:var(--tool-surface-hover);text-align:left}.faq-item-tool h3{font-size:1rem}.faq-item-tool p{font-size:.9375rem;line-height:1.7}.faq-cta-tool{border-top:1px solid var(--tool-border-color);padding-top:24px;text-align:center}.faq-cta-tool p{color:var(--tool-text-secondary);font-size:.9375rem;margin:0 0 12px}.faq-link-tool{align-items:center;color:var(--tool-primary-color);display:inline-flex;font-size:.9375rem;font-weight:500;gap:6px;text-decoration:none;transition:gap .2s}.faq-link-tool:hover{gap:10px;text-decoration:underline}.related-tools-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.related-tool-card{background:var(--tool-surface-color);border:1px solid var(--tool-border-color);border-radius:var(--tool-radius);box-shadow:var(--tool-shadow-sm);color:inherit;display:flex;flex-direction:column;padding:24px;text-decoration:none;transition:all .2s}.related-tool-card:hover{border-color:var(--tool-primary-color);box-shadow:var(--tool-shadow-md);transform:translateY(-4px)}.related-tool-icon{align-items:center;background:var(--tool-primary-light);border-radius:var(--tool-radius);color:var(--tool-primary-color);display:inline-flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.related-tool-card h3{color:var(--tool-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 12px}.related-tool-card p{color:var(--tool-text-secondary);flex:1;font-size:.875rem;line-height:1.6;margin:0 0 16px}.tool-link-arrow{align-items:center;color:var(--tool-primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;transition:gap .2s}.related-tool-card:hover .tool-link-arrow{gap:8px}@media(max-width:768px){.tool-header-clean{padding:40px 16px 32px}.tool-header-clean h1{font-size:1.75rem}.tool-subtitle{font-size:1rem}.tool-container-clean{padding:24px 16px}.tool-layout-with-sidebar{flex-direction:column}.tool-guide-sidebar{position:static;width:100%}}.bouncing-loader{align-items:center;display:flex;gap:6px;height:20px;justify-content:center}.bouncing-loader>div{animation:bounce 1.4s ease-in-out infinite both;background-color:#fff;border-radius:50%;height:10px;width:10px}.bouncing-loader>div:first-child{animation-delay:-.32s}.bouncing-loader>div:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.editor-textarea-wrapper.drag-over{background:#eff6ff80;border-color:#3b82f6!important}.drop-zone-overlay{align-items:center;animation:fadeInScale .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:2px dashed #3b82f6;border-radius:12px;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;margin:4px;pointer-events:none;position:absolute;z-index:50}.drop-zone-content{align-items:center;color:#2563eb;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.drop-icon{animation:bounceSlow 2s ease-in-out infinite}.drop-zone-content p{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.comparison-textarea:focus{background:#0000}.results-layout-container{display:block;margin-bottom:3rem;margin-top:1rem;scroll-margin-top:80px}.sidebar-alignment-wrapper{flex-shrink:0;margin-right:16px;position:-webkit-sticky;position:sticky;top:70px;transition:all .7s cubic-bezier(.4,0,.2,1);width:220px;z-index:100}.sidebar-alignment-wrapper.collapsed{margin-right:0;width:0}.results-content-area{min-width:0;width:100%}.diff-view-main-layout{align-items:flex-start;display:flex}.compare-card.shifted-down{border-top:1px solid #f1f5f9;margin-top:5rem;padding-top:3rem;scroll-margin-top:100px}.section-jump-navigator.vertical{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:40px;bottom:3rem;box-shadow:0 12px 32px #0000001a;display:flex;flex-direction:column;gap:8px;left:auto;opacity:.5;padding:6px;position:fixed;right:.1rem;transform:none;transition:opacity .3s ease;z-index:1000}.section-jump-navigator.vertical:hover{opacity:1}.nav-jump-btn.icon-only{align-items:center;background:#f8fafc;border:none;border-radius:50%;color:#1a73e8;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.nav-jump-btn.icon-only:hover{background:#1a73e8;color:#fff;transform:scale(1.1)}.text-compare-main-content{padding:0;position:relative;scroll-behavior:smooth;z-index:1}.text-compare-container{margin:0 auto;max-width:1200px;padding:32px 24px 100px}.comparison-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}@media(min-width:1024px){.comparison-grid{grid-template-columns:1fr 1fr}}.editor-panel{background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:440px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-panel:hover{border-color:#cbd5e1;box-shadow:0 8px 30px #0000000f}.editor-panel:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614,0 8px 30px #0000000f}.editor-panel-header{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem .75rem}.panel-title-info{align-items:center;color:#4b5563;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.file-name-label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-actions{display:flex;gap:.25rem}.action-btn-tool{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.action-btn-tool:focus{outline:none}.action-btn-tool:not(:hover){background:#0000!important}.action-btn-tool:hover:not(:disabled){background:#f1f5f9;color:#3b82f6}.action-btn-clear:hover:not(:disabled){background:#fef2f2;color:#ef4444}.action-btn-tool:disabled{cursor:not-allowed;opacity:.5}.action-btn-tool.suppress-hover,.action-btn-tool.suppress-hover:hover{background:#0000!important;color:#94a3b8!important;pointer-events:none}.editor-textarea-wrapper{display:flex;flex:1;min-height:380px;overflow:hidden;position:relative}.editor-textarea-wrapper.has-content{background:#fff}.input-gutter{background:#f8fafc;color:#94a3b8;font-size:14px;height:100%;left:0;line-height:24px;overflow:hidden;padding:12px 0 24px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:0}.ln-row{display:flex;min-height:24px;position:relative}.input-gutter .ln-num{background:#f8fafc;border-right:1px solid #eef2f6;color:#94a3b8;font-family:Inter,Segoe UI,sans-serif;font-size:14px;height:24px;left:0;line-height:24px;padding-right:8px;position:absolute;text-align:right;top:0;width:var(--ln-width,40px)}.ln-mirror{overflow-wrap:anywhere;padding:0 1rem 0 calc(var(--ln-width, 40px) + 12px);pointer-events:none;visibility:hidden;white-space:pre-wrap;width:100%;word-break:break-word}.comparison-textarea,.ln-mirror{box-sizing:border-box;display:block;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:24px}.comparison-textarea{background:#0000;border:none;color:#334155;flex:1;height:100%;outline:none;padding:12px 1rem 24px calc(var(--ln-width, 40px) + 12px);position:relative;resize:none;transition:background .2s;z-index:1}.textarea-empty-hint{align-items:center;color:#94a3b8;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:.6;pointer-events:none;position:absolute}.textarea-empty-hint p{font-size:1rem;font-weight:500;margin-top:1rem}.main-actions-row{display:flex;justify-content:center;margin-top:2rem}.primary-compare-btn-xl{align-items:center;background:#1a73e8;border:none;border-radius:100px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:.75rem;justify-content:center;padding:.8rem 3.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:320px}.primary-compare-btn-xl:hover:not(:disabled){background:#185abc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.primary-compare-btn-xl:disabled{background:#f1f3f4;box-shadow:none;color:#3c4043;cursor:not-allowed;opacity:.5}.primary-compare-btn-xl.is-loading:disabled{background:#1a73e8;cursor:wait;opacity:.9}.results-section-enhanced{margin-top:3rem}.results-header-row{align-items:flex-end;flex-wrap:wrap;margin-bottom:1.5rem}.results-header-row,.results-toolbar{display:flex;gap:1.5rem;justify-content:space-between}.results-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;margin-bottom:2rem;padding:.75rem 1.25rem;z-index:10}.results-stats-row{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.comparison-stats-dashboard{align-items:center;display:flex;gap:1.5rem}.stat-main-score{gap:.75rem}.score-ring,.stat-main-score{align-items:center;display:flex}.score-ring{background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;height:32px;justify-content:center;width:32px}.score-value{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1}.score-label{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-divider{background:#e2e8f0;height:24px;width:1px}.stat-telemetry-group{display:flex;gap:.5rem}.stat-pill-v2{align-items:center;border-radius:6px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.3rem .6rem}.stat-pill-v2.addition{background-color:#22c55e1f;color:#14532d}.stat-pill-v2.deletion{background-color:#ef44441f;color:#7f1d1d}.stat-pill-v2.modification{background-color:#6366f11f;color:#4338ca}.stat-pill-v2.moved{background-color:#fef9c366;color:#854d0e}.stat-pill-v2.total{background:#f1f3f4;color:#3c4043}.pill-text{font-weight:500;opacity:.85}.diff-navigator-google-pill{align-items:center;background:#f1f3f4;border-radius:100px;display:flex;gap:8px;padding:2px 4px 2px 14px}.nav-counter{align-items:center;color:#3c4043;display:flex;font-size:.85rem;font-weight:500;gap:4px}.nav-counter .label,.nav-counter .middle-text{color:#70757a;font-weight:400}.nav-counter .label{margin-left:4px}.nav-divider{background:#dadce0;height:16px;width:1px}.nav-controls{display:flex;gap:2px}.google-nav-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.google-nav-btn:hover:not(:disabled){background:#e8eaed;color:#202124}.google-nav-btn:disabled{color:#dadce0;cursor:not-allowed}.all-clear-badge{align-items:center;background:#e6f4ea;border-radius:100px;color:#137333;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 10px}.comparison-settings-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:.5rem}.toggle-button-group{background:#f3f4f6;border-radius:8px;display:flex;padding:2px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}.setting-checkbox-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.setting-checkbox-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.ai-summary-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-bottom:2rem;padding:1.25rem}.summary-header{align-items:center;color:#0369a1;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.ai-summary-card p{color:#0c4a6e;font-size:.9375rem;line-height:1.5;margin:0}.ai-compact-v3-container{animation:fadeIn .4s ease-out;margin-bottom:1.5rem}.ai-v3-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.ai-v3-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 16px}.ai-v3-brand,.ai-v3-header{align-items:center;display:flex}.ai-v3-brand{border-radius:8px;gap:8px;margin-left:-8px;padding:2px 10px;-webkit-user-select:none;user-select:none}.ai-v3-brand.is-loading{opacity:.8}.ai-v3-pulse{align-items:center;background:#f1f5f9;border-radius:6px;color:#6366f1;display:flex;height:24px;justify-content:center;width:24px}.ai-v3-pulse,.ai-v3-pulse.interactive{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.ai-v3-pulse.interactive{cursor:pointer}.ai-v3-pulse.interactive:hover:not(.spinning){background:#e0e7ff;box-shadow:0 4px 12px #6366f126;color:#4f46e5;transform:scale(1.15)}.ai-v3-pulse.interactive:active:not(.spinning){transform:scale(.95)}.ai-v3-pulse.interactive.is-loading{background:#f1f5f9;cursor:default}.ai-v3-brand h3{color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:-.01em;margin:0}.ai-v3-meta{gap:8px}.ai-v3-meta,.v3-meta-pill{align-items:center;display:flex}.v3-meta-pill{background:#f1f5f9;border:none;border-radius:100px;color:#475569;cursor:pointer;font-size:.75rem;font-weight:600;gap:4px;padding:2px 10px;transition:all .2s ease}.v3-meta-pill:hover{background:#e2e8f0}.v3-meta-pill.active{filter:brightness(.95)}.v3-meta-pill.total.active{background:#fcfcfc;color:#1e293b}.v3-meta-pill.critical{background:#fef2f2;color:#ef4444}.v3-meta-pill.critical.active{background:#ef4444;color:#fff}.v3-meta-pill.warning{background:#fffbeb;color:#d97706}.v3-meta-pill.warning.active{background:#d97706;color:#fff}.v3-meta-pill.info{background:#f0f9ff;color:#0284c7}.v3-meta-pill.info.active{background:#0284c7;color:#fff}.ai-v3-body{padding:16px}.v3-brief-section{border-bottom:1px dashed #e2e8f0;margin-bottom:12px;padding-bottom:12px}.v3-brief-text{color:#334155;font-size:.875rem;font-weight:450;line-height:1.6;margin:0}.v3-impact-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.v3-impact-card{background:#f9fafb;border:1px solid #f1f5f9;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px;transition:all .2s ease}.v3-impact-card:hover{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 4px #00000005}.v3-card-top{align-items:center;display:flex;gap:8px}.v3-card-indicator{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;height:24px;justify-content:center;width:24px}.v3-impact-card.critical .v3-card-indicator{color:#dc2626}.v3-impact-card.warning .v3-card-indicator{color:#d97706}.v3-impact-card.info .v3-card-indicator{color:#2563eb}.v3-card-labels{display:flex;flex:1;gap:4px}.v3-type-tag{color:#94a3b8;font-size:.65rem;font-weight:700;text-transform:uppercase}.v3-impact-card.critical .v3-type-tag{color:#dc2626}.v3-impact-card.warning .v3-type-tag{color:#d97706}.v3-cat-tag{background:#f1f5f9;border-radius:3px;color:#64748b;font-size:.65rem;font-weight:600;padding:0 4px}.v3-jump-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:2px;padding:2px 4px}.v3-jump-btn:hover{background:#eef2ff;color:#6366f1}.v3-card-title{color:#1e293b;font-size:.85rem;font-weight:600;margin:0}.v3-card-desc{color:#64748b;font-size:.8rem;line-height:1.4;margin:0}.results-view-header{background:#f8fafc;border-bottom:1px solid #eef2f6;display:flex;flex-direction:column}.header-panel{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:8px;padding:8px 16px}.header-panel svg{color:#6366f1}.header-panel .label{color:#475569;font-weight:600}.header-panel .file-name{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-split .results-view-header{flex-direction:row}.mode-split .header-panel{flex:1}.mode-split .header-panel.original{border-right:1px solid #eef2f6}.v3-skeleton-container{display:flex;flex-direction:column;gap:12px}.skeleton-v3-item,.skeleton-v3-line{animation:skeleton-shimmer 1.4s ease infinite;background:#f1f5f9;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;overflow:hidden;position:relative}.skeleton-v3-line{border-radius:6px;height:40px}.skeleton-v3-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.skeleton-v3-item{border-radius:8px;height:80px}.skeleton-v3-line:nth-child(2){animation-delay:.1s}.skeleton-v3-item:first-child{animation-delay:.2s}.skeleton-v3-item:nth-child(2){animation-delay:.3s}.diff-view-section{display:flex;flex-direction:column;gap:12px;margin-top:2rem}.diff-view-output-box{background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;flex:1;min-height:400px;min-width:0;overflow:hidden;padding:0;position:relative}.diff-row{border-bottom:1px solid #f9fafb;display:flex;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:24px;min-height:24px}.diff-row .side{background:#fff;display:flex;flex:1;overflow:hidden}.diff-row .left-side{border-right:1px solid #e2e8f0}.diff-row.identical{color:#4b5563}.diff-row.modified{position:relative}.diff-row.modified:after{background-color:#6366f1;bottom:0;content:"";left:0;position:absolute;top:0;width:3px;z-index:10}.diff-row.modified .left-side{background-color:#ef444414}.diff-row.modified .right-side{background-color:#22c55e14}.diff-row.deleted .left-side,.diff-row.different .left-side{background-color:#ef44441f}.diff-row.added .right-side,.diff-row.different .right-side{background-color:#22c55e1f}.diff-row.modified .left-side,.diff-row.modified .right-side{position:relative}.diff-row.modified .left-side:after,.diff-row.modified .right-side:after{background-color:#6366f1;bottom:0;content:"";left:0;position:absolute;top:0;width:3px;z-index:10}.diff-row .line-number{background:#f8fafc;border-right:1px solid #e5e7eb;color:#94a3b8;flex-shrink:0;padding-right:8px;text-align:right;-webkit-user-select:none;user-select:none;width:var(--ln-width,50px)}.diff-row.modified .line-number{background-color:#f8fafc}.diff-row.added .right-side,.diff-row.deleted .left-side,.diff-row.different .left-side,.diff-row.different .right-side{position:relative}.diff-row.deleted .left-side:after,.diff-row.different .left-side:after{background-color:#ef4444;bottom:0;content:"";left:0;position:absolute;top:0;width:3px;z-index:10}.diff-row.added .right-side:after,.diff-row.different .right-side:after{background-color:#22c55e;bottom:0;content:"";left:0;position:absolute;top:0;width:3px;z-index:10}.diff-row.added .left-side:after,.diff-row.deleted .right-side:after,.diff-row.moved-source .right-side:after,.diff-row.moved-target .left-side:after{display:none!important}.diff-row.moved-source .left-side:after,.diff-row.moved-target .right-side:after{background-color:#f59e0b;bottom:0;content:"";left:0;opacity:1;position:absolute;top:0;width:3px;z-index:11}.diff-row.added .line-number,.diff-row.deleted .line-number,.diff-row.different .left-side .line-number,.diff-row.different .right-side .line-number,.diff-row.moved-source .left-side .line-number,.diff-row.moved-source .line-number,.diff-row.moved-target .line-number,.diff-row.moved-target .right-side .line-number{background-color:#f8fafc!important;border-right-color:#e5e7eb!important;color:#94a3b8!important}.diff-row.moved-source .left-side .token.highlight,.diff-row.moved-target .right-side .token.highlight{color:#451a03!important}.diff-row.wrap-enabled .line-number{padding-bottom:2px;padding-top:2px}.diff-row .code-line{flex:1;overflow-x:hidden;padding:0 12px;white-space:pre}.diff-row.wrap-enabled .code-line{overflow-wrap:anywhere;padding-bottom:2px;padding-top:2px;white-space:pre-wrap!important;word-break:break-word}.token.highlight{border-radius:4px;box-shadow:0 0 0 1px #0000000d;padding:2px 0}.deleted .token.highlight,.different .token.highlight,.left-side .token.highlight,.unified-row.deleted .token.highlight,.unified-row.modified.source .token.highlight{background-color:#f8717173!important;color:#7f1d1d!important}.added .token.highlight,.right-side .token.highlight,.unified-row.added .token.highlight,.unified-row.modified.target .token.highlight{background-color:#4ade8073!important;color:#14532d!important}.token.highlight.moved{background:#fef9c3;color:#854d0e}.char.highlight{background-color:#f8717180;border-radius:3px;color:#7f1d1d;margin:0;padding:0}.char.highlight:has(+.char.highlight){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-.5px}.char.highlight+.char.highlight{border-bottom-left-radius:0;border-top-left-radius:0}.added .char.highlight,.right-side .char.highlight{background-color:#4ade8080;color:#14532d}.move-banner{background:#fdf2f2;border:1px dashed #f87171;border-radius:6px;padding:4px 12px}.move-banner.target{background:#f0fdf4;border-color:#4ade80}.move-banner-content{align-items:center;display:flex;font-size:.8rem;gap:12px}.move-label{color:#451a03;font-weight:600}.move-banner.target .move-label{color:#064e3b}.similarity-badge{background:#fff;border-radius:4px;color:#b91c1c;font-size:.7rem;font-weight:700;padding:2px 6px}.move-banner.target .similarity-badge{color:#047857}.jump-link{background:#0000;border:none;color:#ea580c;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:auto;padding:0;text-decoration:none;transition:all .2s ease}.move-banner-split-row{display:flex;width:100%}.left-side-banner,.right-side-banner{align-items:flex-start;display:flex;flex:1;padding-bottom:4px}.left-side-banner .move-banner,.right-side-banner .move-banner{flex:1;margin:0 12px}.banner-spacer{background:#0000;border-right:1px solid #e5e7eb;flex-shrink:0}.move-banner-unified-row{align-items:flex-start;display:flex;width:100%}.move-banner-unified-row .move-banner{flex:1;margin:4px 12px}.move-banner.target .jump-link{color:#16a34a}.jump-link:hover{opacity:.8;text-decoration:underline}.unified-row{border-bottom:1px solid #f1f5f9;display:flex;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:24px}.unified-row .line-numbers{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-shrink:0;width:calc(var(--ln-width, 50px)*2)}.unified-row.added .line-numbers,.unified-row.deleted .line-numbers,.unified-row.different .line-numbers,.unified-row.modified .line-numbers{background-color:#f8fafc!important}.unified-row .ln{color:#94a3b8;font-size:14px;line-height:24px;padding:0 8px;text-align:right;width:50%}.unified-row .line-content{flex:1;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:24px;padding-left:12px;white-space:pre}.unified-row.wrap-enabled .line-content{white-space:pre-wrap!important;word-break:break-word}.unified-row.different{background-color:#fee2e266}.unified-row.deleted{background-color:#ef44441f}.unified-row.modified.source{background-color:#ef444414}.unified-row.modified.target{background-color:#22c55e14}.unified-row.added,.unified-row.deleted,.unified-row.modified,.unified-row.moved-source,.unified-row.moved-target{position:relative}.unified-row.deleted:after{background-color:#ef4444}.unified-row.added:after,.unified-row.deleted:after{bottom:0;content:"";left:calc(var(--ln-width, 50px)*2);position:absolute;top:0;width:3px;z-index:10}.unified-row.added:after{background-color:#22c55e}.unified-row.modified:after{background-color:#6366f1;bottom:0;content:"";left:calc(var(--ln-width, 50px)*2);position:absolute;top:0;width:3px;z-index:10}.unified-row.moved-source:after,.unified-row.moved-target:after{background-color:#f59e0b;bottom:0;content:"";left:calc(var(--ln-width, 50px)*2);opacity:.7;pointer-events:none;position:absolute;top:0;width:3px;z-index:11}.unified-row.added{background-color:#dcfce766}.results-action-row{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.output-controls-group{align-items:center;display:flex;gap:1rem}.results-action-buttons{display:flex;gap:.75rem}.results-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.results-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px)}.results-action-btn svg{flex-shrink:0}.results-action-btn.export{background:#fff;border-color:#dbeafe;color:#2563eb}.results-action-btn.export:hover{background:#eff6ff;border-color:#bfdbfe}.results-action-btn.clear{background:#fff;border-color:#fee2e2;color:#e11d48}.results-action-btn.clear:hover{background:#fff1f2;border-color:#fecaca}.export-menu-wrapper{display:inline-block;position:relative}.export-dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1000}.menu-header{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.menu-header,.menu-item-toggle{padding:8px 12px}.toggle-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between}.toggle-label input{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.menu-separator{background:#f1f5f9;height:1px;margin:4px 0}.menu-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;justify-content:flex-start;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.menu-button:hover{background:#f8fafc;color:#6366f1}.menu-button svg{color:#94a3b8}.menu-button:hover svg{color:#6366f1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-toggle-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:100px;box-shadow:0 2px 4px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-toggle-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.ai-toggle-btn.active{background:#fff;border:2px solid #6366f1;box-shadow:none;color:#6366f1;padding:calc(.5rem - 2px) calc(1.25rem - 2px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinning{animation:spin 1s linear infinite}.fadeIn{animation:fadeIn .3s ease-out}