*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system;background-image:linear-gradient(#020617bf,#020617bf),url(/assets/earth-Dx8ixsNc.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column;background:transparent}.topbar{padding:28px 40px;animation:slideSoft .8s ease}.title{font-size:28px;font-weight:800}.title span{color:#60a5fa}@media(max-width:768px){.topbar{padding-top:60px;padding-bottom:1px;text-align:center}.title{margin-bottom:1px}}.stage{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-wrapper{display:flex;flex-direction:column;align-items:center;gap:22px;animation:fadeInSoft .9s ease}.upload-zone{width:260px;cursor:pointer;animation:uploadFloat 6s ease-in-out infinite}.upload-content{padding:32px 22px;border-radius:20px;border:1.5px dashed rgba(255,255,255,.3);background:#ffffff0d;text-align:center;transition:.35s ease}.upload-zone:hover .upload-content{transform:scale(1.05);background:#ffffff17}.upload-icon{font-size:26px;margin-bottom:8px}.upload-content h2{font-size:16px}.upload-content p{font-size:12px;opacity:.6}.upload-info{max-width:460px;text-align:center}.upload-info h3{font-size:16px;margin-bottom:8px}.upload-info ul{list-style:none;padding:0}.upload-info li{font-size:13px;opacity:.7;margin-top:6px}.img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.after{position:absolute;inset:0}.slider-line{position:absolute;top:0;bottom:0;width:2px;background:#fff}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#fff;color:#000;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.controls{margin-top:22px;display:flex;gap:14px}button{padding:14px 26px;border-radius:999px;border:none;font-weight:600;cursor:pointer}button.primary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}button.ghost{background:#ffffff1f;color:#fff}.loading{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center}.footer{text-align:center;padding:18px;font-size:12px;opacity:.55}@keyframes uploadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes slideSoft{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compare{position:relative;width:94vw;max-width:720px;background:#000;border-radius:30px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 40px 120px #000000b3}@media(max-width:768px){body{background-attachment:scroll}}