:root{--background: #ffffff;--foreground: #0a0a0a;--muted: #f5f5f5;--muted-foreground: #737373;--border: #e5e5e5;--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #f5f5f5;--secondary-foreground: #171717;--accent: #f5f5f5;--radius: 8px}.dark{--background: #0a0a0a;--foreground: #fafafa;--muted: #171717;--muted-foreground: #a3a3a3;--border: #262626;--primary: #3b82f6;--primary-foreground: #ffffff;--secondary: #262626;--secondary-foreground: #fafafa;--accent: #262626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--background);color:var(--foreground);min-height:100vh;transition:background-color .3s,color .3s}#app{display:flex;flex-direction:column;min-height:100vh}.hidden{display:none!important}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border);gap:1rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.header-tagline{font-size:.875rem;color:var(--muted-foreground);margin:0}@media(max-width:600px){.header-tagline{font-size:.75rem}}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem}.logo-icon{width:24px;height:24px;color:var(--primary)}.theme-toggle{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--foreground);border-radius:var(--radius);transition:background-color .2s}.theme-toggle:hover{background-color:var(--muted)}.theme-toggle svg{width:20px;height:20px}.sun-icon{display:block}.moon-icon,.dark .sun-icon{display:none}.dark .moon-icon{display:block}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.upload-section{width:100%;max-width:600px}.drop-zone{border:2px dashed var(--border);border-radius:calc(var(--radius) * 2);padding:4rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--primary);background-color:var(--muted)}.upload-icon{width:48px;height:48px;color:var(--muted-foreground);margin-bottom:1rem}.drop-zone h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.drop-zone p{color:var(--muted-foreground);font-size:.875rem}.file-types{margin-top:1rem;font-size:.75rem!important}.processing-section{width:100%;max-width:400px;text-align:center}.progress-container{padding:2rem}.progress-bar{height:8px;background-color:var(--muted);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background-color:var(--primary);width:0%;transition:width .3s ease}.progress-text{color:var(--muted-foreground);font-size:.875rem}.demo-section{margin-top:3rem;text-align:center}.demo-section h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.demo-subtitle{color:var(--muted-foreground);font-size:.875rem;margin-bottom:1rem}.demo-comparison{max-width:500px;margin:0 auto}.result-section{width:100%;max-width:700px}.comparison-container{margin-bottom:1.5rem}.comparison-wrapper{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-image{display:block}.comparison-image img{width:100%;height:auto;display:block}.comparison-original{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.comparison-original img{width:auto;min-width:100%;height:100%;object-fit:cover;object-position:left}.comparison-slider{position:absolute;top:0;left:50%;width:4px;height:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.slider-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:#fff;box-shadow:0 0 4px #00000080}.slider-handle{position:relative;width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;z-index:11}.slider-handle svg{width:16px;height:16px;color:#333}.comparison-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--muted-foreground)}.checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.dark .checkerboard{background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%)}.actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,transform .1s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.footer{text-align:center;padding:1.5rem 2rem;border-top:1px solid var(--border)}.footer p{color:var(--muted-foreground);font-size:.875rem}.footer-note{font-size:.75rem!important;margin-top:.25rem}.footer-credit{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--muted-foreground);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-credit:hover{color:var(--foreground)}.footer-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem}.footer-link{color:var(--muted-foreground);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--foreground)}.footer-divider{color:var(--muted-foreground);opacity:.5}