.image-compressor-module__-2fI1G__container{max-width:800px;font-family:var(--font-geist-sans);background:var(--background);min-height:100vh;transition:background var(--transition-speed);margin:0 auto;padding:2rem;position:relative;overflow:hidden}.image-compressor-module__-2fI1G__container:before{content:"";background:radial-gradient(circle,var(--primary-glow)0%,transparent 70%);z-index:0;opacity:.5;width:200%;height:200%;animation:20s linear infinite image-compressor-module__-2fI1G__rotate;position:absolute;top:-50%;left:-50%}@keyframes image-compressor-module__-2fI1G__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-compressor-module__-2fI1G__content{z-index:1;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);color:var(--text-primary);border-radius:20px;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 25px 50px -12px #0000001a}.image-compressor-module__-2fI1G__content:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #00000026}.image-compressor-module__-2fI1G__header{text-align:center;margin-bottom:1.5rem;position:relative}.image-compressor-module__-2fI1G__header h1{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.2rem;font-weight:700;position:relative}.image-compressor-module__-2fI1G__header h1:after{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;width:60px;height:4px;animation:2s infinite image-compressor-module__-2fI1G__pulseBorder;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes image-compressor-module__-2fI1G__pulseBorder{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.image-compressor-module__-2fI1G__description{color:var(--text-secondary);text-align:center;margin:0;font-size:1.1rem;line-height:1.6}.image-compressor-module__-2fI1G__controls{background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--glass-border);border-radius:16px;margin:2rem 0;padding:1.8rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.image-compressor-module__-2fI1G__inputGroup{flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;display:flex}.image-compressor-module__-2fI1G__fileInput{border:2px dashed var(--text-secondary);background:var(--glass-bg);cursor:pointer;text-align:center;width:100%;color:var(--text-primary);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:all .3s;display:block;position:relative;overflow:hidden}.image-compressor-module__-2fI1G__fileInput:hover{border-color:var(--primary);background:var(--primary-glow);transform:translateY(-2px)}.image-compressor-module__-2fI1G__fileInput:before{content:"📐";margin-bottom:.5rem;font-size:2.5rem;display:block}.image-compressor-module__-2fI1G__qualityLabel{color:var(--text-primary);text-align:center;margin-bottom:.8rem;font-size:1.1rem;font-weight:500;display:block;position:relative}.image-compressor-module__-2fI1G__qualityValue{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:.5rem;font-weight:600;display:inline-block}.image-compressor-module__-2fI1G__qualitySlider{appearance:none;background:var(--glass-border);border-radius:20px;outline:none;width:100%;height:10px;position:relative}.image-compressor-module__-2fI1G__qualitySlider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:22px;height:22px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;transition:all .2s}.image-compressor-module__-2fI1G__qualitySlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.image-compressor-module__-2fI1G__actionButton{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;z-index:1;border:none;border-radius:12px;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.image-compressor-module__-2fI1G__actionButton:hover{box-shadow:0 10px 25px var(--primary-glow);transform:translateY(-3px)}.image-compressor-module__-2fI1G__actionButton:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}.image-compressor-module__-2fI1G__loadingSpinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:1s ease-in-out infinite image-compressor-module__-2fI1G__spin;display:inline-block}@keyframes image-compressor-module__-2fI1G__spin{to{transform:rotate(360deg)}}.image-compressor-module__-2fI1G__howToUse{background:var(--glass-bg);border-left:4px solid var(--primary);border-radius:16px;margin-top:2rem;padding:1.8rem;position:relative;overflow:hidden}.image-compressor-module__-2fI1G__howToUse:before{content:"💡";opacity:.3;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.image-compressor-module__-2fI1G__howToUse h2{color:var(--text-primary);margin-top:0;font-size:1.4rem;position:relative}.image-compressor-module__-2fI1G__howToUse ol{margin:0;padding-left:1.5rem}.image-compressor-module__-2fI1G__howToUse li{color:var(--text-secondary);margin-bottom:.8rem;line-height:1.6}.image-compressor-module__-2fI1G__howToUse li::marker{color:var(--primary);font-weight:700}@keyframes image-compressor-module__-2fI1G__fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.image-compressor-module__-2fI1G__content{animation:.8s ease-out image-compressor-module__-2fI1G__fadeInUp}@media (max-width:768px){.image-compressor-module__-2fI1G__container{padding:1rem}.image-compressor-module__-2fI1G__content{padding:1.5rem}.image-compressor-module__-2fI1G__header h1{font-size:1.8rem}.image-compressor-module__-2fI1G__controls{padding:1.2rem}}