:root{--bg-color:#0d0d1a;--text-color:#e0e0e0;--text-color-light:#a0a0b0;--primary-gradient:linear-gradient(90deg,#ff4d8d,#d43f8d,#a23f8d);--primary-color:#ff4d8d;--card-bg:rgba(255,255,255,0.05);--card-border:rgba(255,255,255,0.1);--slider-track-color:#d3d3d3;--container-width:1200px;--font-family:'Poppins',sans-serif;}.upload-note{text-align:center;color:#a0a0b0;font-size:0.9rem;margin-top:1rem;}.editor-area{display:flex;flex-direction:column;align-items:center;width:100%;}.options-bar{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;margin-bottom:2rem;}.option-group{display:flex;align-items:center;gap:1rem;}.scale-selector{display:flex;gap:0.5rem;}.scale-btn.active{background:#ff4d8d;color:#fff;}.action-buttons{display:flex;align-items:center;gap:1rem;}.btn-link{display:flex;align-items:center;gap:0.5rem;}.comparison-container{width:100%;max-width:900px;position:relative;border-radius:12px;overflow:hidden;background-color:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.2);font-size:0;}#original-image-bg{position:relative;z-index:1;display:block;width:100%;height:auto;}.comparison-slider{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2;border-right:3px solid var(--primary-color);}#upscaled-image{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;}.comparison-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;cursor:ew-resize;z-index:3;display:flex;align-items:center;justify-content:center;}.comparison-handle .handle-line{display:none;}.comparison-handle .handle-circle{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid var(--bg-color);box-shadow:0 0 10px rgba(0,0,0,0.4);position:absolute;top:50%;transform:translateY(-50%);}.dimension-info{width:100%;max-width:900px;display:flex;justify-content:space-between;margin-top:1rem;padding:0 0.5rem;color:var(--text-color-light);}.dimension-info strong{color:var(--text-color);}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(13,13,26,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1001;}.loading-overlay p{color:var(--text-color-light);margin-top:1.5rem;}.spinner{border:4px solid var(--card-border);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}