*{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-08ce80a9]{border:2px dashed #4182c8;background:linear-gradient(135deg,#1d3557,#0d2443);border-radius:14px;padding:40px;max-width:700px;margin:0 auto;text-align:center;transition:background-color .3s}.upload-zone.dragging[data-v-08ce80a9]{background:linear-gradient(135deg,#123f6b,#0d2443)}.instructions p[data-v-08ce80a9]{margin:10px 0;color:#f0f4fa}.primary-btn[data-v-08ce80a9],.secondary-btn[data-v-08ce80a9]{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-08ce80a9]{background-color:#3e8adb;color:#fff;box-shadow:0 4px 12px #5fa4ec4d}.primary-btn[data-v-08ce80a9]:hover{background-color:#2769ac;transform:translateY(-2px);box-shadow:0 6px 16px #5fa4ec66}.secondary-btn[data-v-08ce80a9]{background-color:#e94f4f;color:#fff;box-shadow:0 4px 12px #e94f4f4d}.secondary-btn[data-v-08ce80a9]:hover{background-color:#d33b3b;transform:translateY(-2px);box-shadow:0 6px 16px #e94f4f66}.file-preview-section[data-v-08ce80a9]{margin-top:20px;color:#f8f8f8}.preview-wrapper[data-v-08ce80a9]{margin:20px 0}.preview-image[data-v-08ce80a9]{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 6px 20px #0006}.actions[data-v-08ce80a9]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.size-warning[data-v-08ce80a9]{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-08ce80a9 .3s ease}.size-warning span[data-v-08ce80a9]{font-size:1em}@keyframes fadeIn-08ce80a9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}.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%;margin:20px auto;text-align:center}.scrub-container{position:relative;width:fit-content;max-width:100%;height:auto;max-height:75vh;margin:auto auto 20px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:col-resize;border-radius:12px;box-shadow:0 10px 30px #0003;border:2px solid white}.scrub-image{display:block;max-height:75vh;width:auto;max-width:100%;pointer-events:none;-webkit-user-drag:none}.resulted-image{position:relative;z-index:1;image-rendering:auto}.scrub-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#f0f0f0}.image-label{position:absolute;top:20px;background-color:#0009;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.9rem;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;border:1px solid rgba(255,255,255,.2)}.label-original{left:20px}.label-upscaled{right:20px}.scrub-handle{position:absolute;top:0;height:100%;width:40px;margin-left:-20px;z-index:30;display:flex;justify-content:center;pointer-events:none}.handle-line{width:2px;height:100%;background:#fff;box-shadow:0 0 8px #0009}.handle-circle{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0006;border:3px solid #1d3557;display:flex;align-items:center;justify-content:center;color:#1d3557;font-size:12px;font-weight:800}.handle-arrows{letter-spacing:-2px;margin-top:-2px}.download-container{margin-top:30px;text-align:center}.download-btn{background-color:#2a4b7a;color:#fff;border:none;padding:16px 32px;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:700;box-shadow:0 4px 14px #1d35574d;transition:all .2s ease}.download-btn:hover{transform:translateY(-2px);background-color:#4182c8;box-shadow:0 6px 20px #1d355766}.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:24px;border-radius:16px;width:280px;color:#f0f4fa;transition:transform .2s;box-shadow:0 4px 12px #0000001a}.feature:hover{transform:translateY(-4px)}.footer{text-align:center;padding:30px 20px;background-color:#0d2443;font-size:.9em;color:#99acc1}@media(max-width:768px){h1{font-size:2em}.image-label{font-size:.8em;padding:4px 8px}}