.image-compressor_compressor__nViqA{width:100%;max-width:1200px;margin:0 auto}.image-compressor_uploadArea__3lC60{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9;margin-bottom:30px}.image-compressor_uploadArea__3lC60:hover{border-color:#666;background-color:#f0f0f0}.image-compressor_uploadIcon__p277w{margin-bottom:16px;color:#666}.image-compressor_uploadTitle___l3RE{font-size:16px;font-weight:500;margin-bottom:8px}.image-compressor_uploadSubtitle__vVhNT{font-size:14px;color:#666}.image-compressor_compressionArea__WtKDI{display:flex;flex-direction:column;gap:24px}.image-compressor_imagesContainer__FUQBO{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:768px){.image-compressor_imagesContainer__FUQBO{grid-template-columns:1fr}}.image-compressor_imageCard__AXUWX{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,.05)}.image-compressor_imageHeader__vobdh{padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.image-compressor_imageHeader__vobdh h3{font-size:16px;font-weight:500;margin:0}.image-compressor_imageHeader__vobdh p{font-size:14px;color:#666;margin:0}.image-compressor_imagePreview__C7_0e{height:300px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;overflow:hidden}.image-compressor_imagePreview__C7_0e img{max-width:100%;max-height:100%;object-fit:contain}.image-compressor_placeholderText__0ScVn{display:flex;flex-direction:column;align-items:center;color:#999}.image-compressor_placeholderText__0ScVn svg{margin-bottom:12px}.image-compressor_placeholderText__0ScVn p{font-size:14px}.image-compressor_controlsCard__dYpSX{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,.05)}.image-compressor_tabs__at8tC{display:flex;border-bottom:1px solid #e0e0e0}.image-compressor_tab__64MnM{flex:1;padding:16px;text-align:center;background:none;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .2s ease}.image-compressor_tab__64MnM:hover{background-color:#f5f5f5}.image-compressor_activeTab__oKJ5J{color:#000;border-bottom:2px solid #000}.image-compressor_controlsContent__La_Ie{padding:24px}.image-compressor_qualityControl__L6VSX,.image-compressor_sizeControl__EusWT{margin-bottom:24px}.image-compressor_qualityControl__L6VSX label,.image-compressor_sizeControl__EusWT label{display:block;margin-bottom:8px;font-weight:500}.image-compressor_inputGroup__vWLzU{display:flex;align-items:center}.image-compressor_inputGroup__vWLzU input{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:16px}.image-compressor_inputGroup__vWLzU span{margin-left:12px;font-size:16px;color:#666}.image-compressor_slider__gLZpd{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#e0e0e0;outline:none;border-radius:3px}.image-compressor_slider__gLZpd::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer}.image-compressor_slider__gLZpd::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer}.image-compressor_sliderLabels__s2Vy4{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#666}.image-compressor_actionButtons__dRoHT{display:flex;gap:12px}.image-compressor_compressButton__V_mjr,.image-compressor_downloadButton__q1WhY{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.image-compressor_compressButton__V_mjr{background-color:#000;color:white}.image-compressor_compressButton__V_mjr:hover{background-color:#333}.image-compressor_compressButton__V_mjr:disabled{background-color:#ccc;cursor:not-allowed}.image-compressor_downloadButton__q1WhY{background-color:white;color:#000;border:1px solid #000}.image-compressor_downloadButton__q1WhY:hover{background-color:#f5f5f5}.image-compressor_progressContainer__4tWVR{width:80%;text-align:center}.image-compressor_progressBar__HOn8F{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.image-compressor_progressFill__V7jiE{height:100%;background-color:#000;transition:width .3s ease}.image-compressor_resultsCard__MmkRk{border:1px solid #e0e0e0;border-radius:8px;padding:24px;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,.05)}.image-compressor_resultsCard__MmkRk h3{font-size:18px;font-weight:500;margin-top:0;margin-bottom:16px}.image-compressor_resultsGrid__3W33L{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:600px){.image-compressor_resultsGrid__3W33L{grid-template-columns:1fr}}.image-compressor_resultItem__ckoEK{padding:12px;background-color:#f9f9f9;border-radius:4px}.image-compressor_resultLabel__YYKpN{font-size:14px;color:#666;margin:0 0 4px}.image-compressor_resultValue__rtCE3{font-size:18px;font-weight:500;margin:0}