.header{background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0}.logo{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary)}.logo-icon{color:var(--primary-color);flex-shrink:0}.logo-text h1{font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.logo-tagline{font-size:.75rem;color:var(--text-secondary);font-weight:400;line-height:1}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease;padding:var(--spacing-sm) 0;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .2s ease}.nav-link:hover:after{width:100%}@media (max-width: 768px){.header-content{padding:var(--spacing-md) 0}.logo-text h1{font-size:1.25rem}.logo-tagline{display:none}.nav{gap:var(--spacing-md)}.nav-link{font-size:.8rem}}@media (max-width: 480px){.nav{display:none}.logo{gap:var(--spacing-sm)}.logo-icon{width:24px;height:24px}.logo-text h1{font-size:1.125rem}}.file-upload{max-width:800px;margin:0 auto}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--background-color);min-height:200px;display:flex;align-items:center;justify-content:center}.dropzone:hover:not(.dropzone-disabled){border-color:var(--primary-color);background-color:#f0f9ff}.dropzone-active{border-color:var(--primary-color);background-color:#f0f9ff;transform:scale(1.02)}.dropzone-disabled{opacity:.6;cursor:not-allowed;background-color:#f8fafc}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.dropzone-icon{color:var(--primary-color);opacity:.7}.dropzone-text p{margin:0;font-size:1rem;color:var(--text-primary)}.dropzone-subtitle{font-size:.875rem!important;color:var(--text-secondary)!important}.file-selected{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--background-color)}.file-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.file-icon{color:var(--primary-color);flex-shrink:0}.file-details{flex:1}.file-name{font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;word-break:break-word}.file-size{font-size:.875rem;color:var(--text-secondary);margin:0}.remove-file{flex-shrink:0}.progress-container{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.progress-bar{flex:1;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease;border-radius:4px}.progress-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:40px;text-align:right}.upload-actions{margin-top:var(--spacing-lg);text-align:center}.processing-status{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);text-align:center}.processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.processing-text p{margin:0}.processing-text p:first-child{color:var(--text-primary)}.processing-text p:last-child{font-size:.875rem;color:var(--text-secondary)}.upload-tips{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.upload-tips h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1rem}.upload-tips ul{margin:0;padding-left:var(--spacing-lg);list-style-type:disc}.upload-tips li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.upload-tips li:last-child{margin-bottom:0}.alert{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media (max-width: 768px){.dropzone{padding:var(--spacing-xl);min-height:150px}.dropzone-icon{width:40px;height:40px}.dropzone-text p{font-size:.875rem}.file-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.remove-file{align-self:flex-end}.processing-content{gap:var(--spacing-sm)}.upload-tips{padding:var(--spacing-md)}}@media (max-width: 480px){.dropzone{padding:var(--spacing-lg)}.btn-lg{width:100%}.progress-container{flex-direction:column;gap:var(--spacing-sm)}.progress-text{text-align:center}}.summary-display{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.document-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.document-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.document-title{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.document-icon{color:var(--primary-color);flex-shrink:0}.document-title h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.25rem;word-break:break-word}.document-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.summary-card{border:2px solid var(--primary-color)}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.summary-header h3{margin:0;color:var(--text-primary)}.summary-tabs{display:flex;gap:var(--spacing-xs)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:var(--background-color);border-color:var(--border-hover)}.tab-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.summary-content{margin-bottom:var(--spacing-lg)}.summary-text{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);line-height:1.7;font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);white-space:pre-wrap}.summary-actions{display:flex;justify-content:flex-end}.summary-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.extracted-text-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.extracted-text-header h4{margin:0;color:var(--text-primary)}.extracted-text-content{position:relative}.extracted-text{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:400px;overflow-y:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0 0 var(--spacing-md) 0}.extracted-text-actions{display:flex;justify-content:flex-end}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.comparison-item{padding:var(--spacing-lg);background:var(--background-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.comparison-header h5{margin:0;font-size:1rem;color:var(--text-primary)}.compression-badge{background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.comparison-stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.comparison-preview{font-size:.875rem;line-height:1.5;color:var(--text-primary)}@media (max-width: 768px){.document-header,.summary-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.summary-tabs{width:100%;justify-content:center}.tab-button{flex:1;text-align:center}.summary-stats{flex-direction:column;gap:var(--spacing-sm)}.stat-item{justify-content:space-between}.extracted-text-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.comparison-grid{grid-template-columns:1fr}.comparison-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: 480px){.document-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.document-meta span:not(:last-child):after{content:none}.summary-text{padding:var(--spacing-md);font-size:.875rem}.extracted-text{padding:var(--spacing-md);max-height:300px}.comparison-item{padding:var(--spacing-md)}}.summary-text{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--text-primary);color:#e2e8f0;margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.footer-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg)}.footer-section p{color:#cbd5e1;line-height:1.6;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm);color:#cbd5e1;font-size:.875rem}.footer-social{display:flex;flex-direction:column;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);color:#cbd5e1;text-decoration:none;font-size:.875rem;transition:color .2s ease}.social-link:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.footer-copyright{flex:1}.footer-copyright p{margin:0;font-size:.875rem;color:#9ca3af;display:flex;align-items:center;gap:var(--spacing-xs)}.heart-icon{color:#ef4444;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}.footer-legal{display:flex;gap:var(--spacing-lg)}.legal-link{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .2s ease}.legal-link:hover{color:#cbd5e1}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl) 0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.footer-legal{gap:var(--spacing-md)}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-section{text-align:center}.footer-social{align-items:center}.footer-bottom{text-align:center;align-items:center}.footer-copyright p{justify-content:center}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-xl) 0}.welcome-section{margin-bottom:var(--spacing-2xl);text-align:center}.welcome-content h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.welcome-content p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-2xl);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.feature-card{background:var(--surface-color);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-card p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.upload-section{margin-bottom:var(--spacing-2xl)}.results-section{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.welcome-content h2{font-size:2rem}.welcome-content p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{padding:var(--spacing-lg)}.feature-icon{font-size:2rem}}@media (max-width: 480px){.main-content{padding:var(--spacing-lg) 0}.welcome-content h2{font-size:1.75rem}.features-grid{margin-top:var(--spacing-xl)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--border-hover: #cbd5e1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background-color:#f8fafc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;min-height:2.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--background-color);border-color:var(--border-hover)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;min-height:2rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;min-height:3rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:border-color .2s ease-in-out}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid transparent}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-warning{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}h1{font-size:1.875rem}h2{font-size:1.5rem}.container{padding:0 var(--spacing-sm)}.card-header,.card-body,.card-footer{padding:var(--spacing-md)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.btn:focus-visible,.form-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}