.ImageComparison-module-scss-module__2koDVa__calculator{max-width:900px;margin:0 auto;padding:2rem}.ImageComparison-module-scss-module__2koDVa__calculator h2{color:#555;margin-bottom:1rem;font-size:1.2rem}.ImageComparison-module-scss-module__2koDVa__calculator h3{color:#666;margin-bottom:.75rem;font-size:1rem}.ImageComparison-module-scss-module__2koDVa__inputSection{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.ImageComparison-module-scss-module__2koDVa__dropZones{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ImageComparison-module-scss-module__2koDVa__dropZone{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:1.5rem;transition:all .2s;display:flex}.ImageComparison-module-scss-module__2koDVa__dropZone span{color:#6c757d;font-size:.9rem}.ImageComparison-module-scss-module__2koDVa__dropZone:hover{background:#007bff0d;border-color:#80bdff}.ImageComparison-module-scss-module__2koDVa__dropZone.ImageComparison-module-scss-module__2koDVa__active{background:#007bff1a;border-style:solid;border-color:#007bff}.ImageComparison-module-scss-module__2koDVa__dropZone.ImageComparison-module-scss-module__2koDVa__hasImage{padding:.5rem}.ImageComparison-module-scss-module__2koDVa__thumbnail{object-fit:contain;border-radius:4px;max-width:100%;max-height:150px}.ImageComparison-module-scss-module__2koDVa__controls{justify-content:center;gap:.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__controls button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.ImageComparison-module-scss-module__2koDVa__controls button:hover{background:#e9ecef}.ImageComparison-module-scss-module__2koDVa__modeSelector{justify-content:center;gap:.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__modeSelector button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;transition:all .15s}.ImageComparison-module-scss-module__2koDVa__modeSelector button:hover{border-color:#1a1a2e}.ImageComparison-module-scss-module__2koDVa__modeSelector button.ImageComparison-module-scss-module__2koDVa__active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.ImageComparison-module-scss-module__2koDVa__opacityControl{background:#f8f9fa;border-radius:6px;justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__opacityControl span{color:#555;min-width:100px;font-size:.9rem}.ImageComparison-module-scss-module__2koDVa__opacityControl input[type=range]{-webkit-appearance:none;background:#dee2e6;border-radius:3px;outline:none;width:200px;height:6px}.ImageComparison-module-scss-module__2koDVa__opacityControl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1a1a2e;border-radius:50%;width:18px;height:18px}.ImageComparison-module-scss-module__2koDVa__resultSection{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.ImageComparison-module-scss-module__2koDVa__resultSection>h2{border-bottom:2px solid #1a1a2e;margin-bottom:1.5rem;padding-bottom:.5rem}.ImageComparison-module-scss-module__2koDVa__sliderContainer{cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;position:relative;overflow:hidden}.ImageComparison-module-scss-module__2koDVa__imageWrapper{width:100%;position:relative}.ImageComparison-module-scss-module__2koDVa__fullImage{width:100%;display:block}.ImageComparison-module-scss-module__2koDVa__imageClip{height:100%;position:absolute;top:0;left:0;overflow:hidden}.ImageComparison-module-scss-module__2koDVa__imageClip img{width:auto;min-width:100%;position:absolute;top:0;left:0}.ImageComparison-module-scss-module__2koDVa__sliderHandle{z-index:10;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ImageComparison-module-scss-module__2koDVa__handleLine{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 4px #00000080}.ImageComparison-module-scss-module__2koDVa__handleCircle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.ImageComparison-module-scss-module__2koDVa__handleCircle span{color:#333;letter-spacing:-1px;font-size:.7rem}.ImageComparison-module-scss-module__2koDVa__labels{pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;bottom:1rem;left:0;right:0}.ImageComparison-module-scss-module__2koDVa__labels span{color:#fff;background:#0009;border-radius:4px;padding:.25rem .75rem;font-size:.8rem}.ImageComparison-module-scss-module__2koDVa__sideBySide{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ImageComparison-module-scss-module__2koDVa__sideImage{border-radius:6px;position:relative;overflow:hidden}.ImageComparison-module-scss-module__2koDVa__sideImage img{width:100%;display:block}.ImageComparison-module-scss-module__2koDVa__sideImage span{color:#fff;background:#0009;border-radius:4px;padding:.25rem .75rem;font-size:.8rem;position:absolute;bottom:.5rem;left:.5rem}.ImageComparison-module-scss-module__2koDVa__overlayContainer{border-radius:6px;width:100%;position:relative;overflow:hidden}.ImageComparison-module-scss-module__2koDVa__baseImage{width:100%;display:block}.ImageComparison-module-scss-module__2koDVa__overlayImage{object-fit:cover;width:100%;height:100%;transition:opacity .1s;position:absolute;top:0;left:0}.ImageComparison-module-scss-module__2koDVa__infoBox{background:#f8f9fa;border-radius:6px;margin-top:1.5rem;padding:1rem}.ImageComparison-module-scss-module__2koDVa__infoBox h3{margin-bottom:.75rem}.ImageComparison-module-scss-module__2koDVa__infoBox p{color:#495057;margin-bottom:.5rem;line-height:1.5}.ImageComparison-module-scss-module__2koDVa__infoBox ul{margin:0;padding-left:1.5rem}.ImageComparison-module-scss-module__2koDVa__infoBox ul li{color:#495057;margin-bottom:.25rem}.ImageComparison-module-scss-module__2koDVa__comparison{grid-template-columns:300px 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}@media (max-width:900px){.ImageComparison-module-scss-module__2koDVa__comparison{grid-template-columns:1fr}}.ImageComparison-module-scss-module__2koDVa__controlGroup{margin-bottom:1.5rem}.ImageComparison-module-scss-module__2koDVa__controlGroup h3{color:#555;margin-bottom:.5rem;font-size:.9rem}.ImageComparison-module-scss-module__2koDVa__controlGroup input[type=range]{width:100%;margin-top:.5rem}.ImageComparison-module-scss-module__2koDVa__modeButtons{flex-wrap:wrap;gap:.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__modeButtons button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;flex:1;min-width:80px;padding:.5rem;font-size:.8rem;transition:all .15s}.ImageComparison-module-scss-module__2koDVa__modeButtons button:hover{border-color:#1a1a2e}.ImageComparison-module-scss-module__2koDVa__modeButtons button.ImageComparison-module-scss-module__2koDVa__active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.ImageComparison-module-scss-module__2koDVa__selectedFile{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.ImageComparison-module-scss-module__2koDVa__selectedFile .ImageComparison-module-scss-module__2koDVa__dimensions{color:#888;font-size:.75rem}.ImageComparison-module-scss-module__2koDVa__presets{gap:.5rem;margin-top:.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__presets button{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:.4rem .5rem;font-size:.75rem;transition:all .15s}.ImageComparison-module-scss-module__2koDVa__presets button:hover{background:#e9ecef}.ImageComparison-module-scss-module__2koDVa__previewArea{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;justify-content:center;align-items:center;min-height:400px;padding:1.5rem;display:flex}.ImageComparison-module-scss-module__2koDVa__placeholder{color:#888;font-size:1rem}@media (max-width:639px){.ImageComparison-module-scss-module__2koDVa__calculator{padding:1rem}.ImageComparison-module-scss-module__2koDVa__dropZones{grid-template-columns:1fr}.ImageComparison-module-scss-module__2koDVa__dropZone{min-height:100px}.ImageComparison-module-scss-module__2koDVa__modeSelector{flex-wrap:wrap}.ImageComparison-module-scss-module__2koDVa__modeSelector button{flex:1;min-width:0;padding:.5rem;font-size:.85rem}.ImageComparison-module-scss-module__2koDVa__opacityControl{flex-direction:column;gap:.5rem}.ImageComparison-module-scss-module__2koDVa__opacityControl input[type=range]{width:100%}.ImageComparison-module-scss-module__2koDVa__sideBySide{grid-template-columns:1fr}.ImageComparison-module-scss-module__2koDVa__handleCircle{width:32px;height:32px}.ImageComparison-module-scss-module__2koDVa__handleCircle span{font-size:.6rem}}