*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0d2443;color:#fff;line-height:1.6;overflow-x:hidden}a{color:#5fa4ec;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:20px}.upload-zone[data-v-f76231b6]{border:2px dashed #4182c8;background:linear-gradient(135deg,#1d3557,#0d2443);border-radius:14px;padding:32px;max-width:600px;margin:0 auto;text-align:center;transition:background-color .3s}.upload-zone.dragging[data-v-f76231b6]{background:linear-gradient(135deg,#123f6b,#0d2443)}.instructions p[data-v-f76231b6]{margin:10px 0;color:#f0f4fa}.primary-btn[data-v-f76231b6],.secondary-btn[data-v-f76231b6]{padding:10px 24px;font-size:1em;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin:10px;min-width:120px}.primary-btn[data-v-f76231b6]{background-color:#3e8adb;color:#fff;box-shadow:0 4px 12px #5fa4ec4d}.primary-btn[data-v-f76231b6]:hover{background-color:#2769ac;transform:translateY(-2px);box-shadow:0 6px 16px #5fa4ec66}.secondary-btn[data-v-f76231b6]{background-color:#e94f4f;color:#fff;box-shadow:0 4px 12px #e94f4f4d}.secondary-btn[data-v-f76231b6]:hover{background-color:#d33b3b;transform:translateY(-2px);box-shadow:0 6px 16px #e94f4f66}.file-preview-section[data-v-f76231b6]{margin-top:20px;color:#f8f8f8}.preview-wrapper[data-v-f76231b6]{margin:20px 0}.preview-image[data-v-f76231b6]{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 6px 20px #0006}.preview-video[data-v-f76231b6]{max-width:100%;max-height:300px;border-radius:12px;outline:none;box-shadow:0 6px 20px #0006}.actions[data-v-f76231b6]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:16px}.size-warning[data-v-f76231b6]{background:#ffa60026;border:1px solid orange;border-radius:8px;padding:10px 15px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#ffcc80;animation:fadeIn-f76231b6 .3s ease}.size-warning span[data-v-f76231b6]{font-size:1em}@keyframes fadeIn-f76231b6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(135deg,#1d3557,#0d2443);padding:60px 20px;text-align:center;color:#fff}.hero-inner{max-width:800px;margin:0 auto}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px}.logo{width:64px;height:64px;margin-bottom:12px}h1{font-size:3em;margin-bottom:10px}.tagline{font-size:1.2em;color:#c0d7f4;max-width:700px;margin:0 auto}.upload-section{margin:60px 0;text-align:center}.upload-section h2{font-size:2em;margin-bottom:12px}.upload-section p{margin-bottom:24px;color:#aac4e0}.loading-text{text-align:center;font-size:1.2em}.progress-wrapper{margin-top:20px;text-align:center}.progress-bar{width:80%;max-width:400px;height:16px;margin:10px auto;background-color:#e0e6ed;border-radius:8px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#4182c8;width:0%;transition:width .3s ease}.comparison-wrapper{width:100%;max-width:800px;margin:20px auto;text-align:center}.scrub-container{position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:20px}.scrub-image{display:block;width:100%;height:auto;pointer-events:none}.base-image{position:relative;z-index:1}.scrub-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.scrub-handle{position:absolute;top:0;height:100%;width:40px;margin-left:-20px;z-index:10;display:flex;justify-content:center}.handle-line{width:3px;height:100%;background:#fff;box-shadow:0 0 4px #00000080}.handle-circle{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d;border:2px solid #1d3557}.download-container{margin-top:20px;text-align:center}.download-btn{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;box-shadow:0 2px 8px #ffffff4d;transition:all .2s}.download-btn:hover{transform:translateY(-2px);background-color:#fff;color:#000}.features{margin:60px 0;text-align:center}.feature-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:30px}.feature{background:linear-gradient(135deg,#1d3557,#0d2443);padding:20px;border-radius:12px;width:280px;color:#f0f4fa;transition:transform .2s}.feature:hover{transform:translateY(-4px)}.footer{text-align:center;padding:30px 20px;background-color:#0d2443;font-size:.9em;color:#99acc1}@media (max-width: 768px){.comparison-view{flex-direction:column}.image-wrapper{min-width:100%}}