/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./styles/QualitySettings.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/

.QualitySettings_qualitySettingsPage__cdpDW {
  margin: 0;
  background: white;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.QualitySettings_qualitySettingsTitle__sxkZJ {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.QualitySettings_qualitySettingsContainer___Dop7 {
  display: flex;
  flex-direction: column;
  margin: 0 auto 60px auto;
  gap: 20px;
}

.QualitySettings_qualitySettingsSliderContainer__SmPNA {
  display: flex;
  flex-direction: column;
}

.QualitySettings_qualitySettingsLabel__lhd6o {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 10px;
}

.QualitySettings_qualitySettingsSlider__i2_Xl {
  width: 100%;
  height: 8px;
  background: #e5e7eb;
  border-radius: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.QualitySettings_qualitySettingsSlider__i2_Xl::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background: #3b82f6;
  border-radius: 50%;
  cursor: pointer;
}

.QualitySettings_qualitySettingsSlider__i2_Xl::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #3b82f6;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.QualitySettings_qualitySettingsRange__zAWfn {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}

.QualitySettings_qualitySettingsRangeText__l6SeB {
  font-size: 14px;
  color: #6b7280;
}

.QualitySettings_qualitySettingsGuide__IVcOg {
  background: #dbeafe;
  padding: 12px;
  border-radius: 6px;
}

.QualitySettings_qualitySettingsGuideTitle__7hh6D {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 15px;
  font-size: 15px;
}

.QualitySettings_qualitySettingsGuideList__FIGbK {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.QualitySettings_qualitySettingsGuideItem__QVOxt {
  font-size: 14px;
  color: #374151;
  line-height: 22px;
}

.QualitySettings_qualitySettingsGuideItem__QVOxt strong {
  color: #1f2937;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./styles/FilePreview.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.FilePreview_filePreviewPage__2ZSF2 {
  max-width: 660px;
  min-width: 320px;
  margin: 0 auto 20px auto;
  background: white;
  padding: 0;
  
}

.FilePreview_filePreviewTitle__bD3Ir {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

.FilePreview_filePreviewContainer__HgSuR {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  gap: 16px;
}

.FilePreview_filePreviewItem__MIlZh {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.FilePreview_filePreviewImage__ncWko {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 3px;
  margin: 0 auto 8px auto;
  display: block;
}

.FilePreview_filePreviewFileName__MdKbo {
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  text-align: center;
}

.FilePreview_filePreviewPlaceholder__j3kwM {
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  min-height: 200px;
}

.FilePreview_filePreviewPlaceholderText__haCXi {
  color: #6b7280;
  font-size: 14px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./styles/FileConverter.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/*  /styles/FileConverter.module.css  */

.FileConverter_fileConverterPage__oEZRU {
  max-width: 1080px;
  margin: 0 auto;
}

.FileConverter_fileConverterUploadArea__fgkMD {
  max-width: 660px;
  min-width: 320px;
  height: 360px;
  border: 1px dashed #006deb;
  border-radius: 3px;
  margin: 0 auto 20px auto;
  padding: 30px;
  text-align: center;
  background: white;
  transition: all 0.3s ease;
  cursor: pointer;
}

.FileConverter_fileConverterUploadArea__fgkMD:hover {
  border-color: #3b82f6;
  background-color: #fafbff;
}

.FileConverter_fileConverterUploadIcon__ULK9b {
  margin: 0 auto 20px auto;
  height: 64px;
  width: 64px;
  color: #60a5fa;
}

.FileConverter_fileConverterUploadTitle__U94Of {
  font-size: 20px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 20px;
}

.FileConverter_fileConverterUploadSubtitle__hPyLh {
  color: #6b7280;
  margin-bottom: 15px;
  font-size: 16px;
}

.FileConverter_fileConverterUploadNote__Mn8SN {
  color: #9ca3af;
  font-size: 14px;
}

.FileConverter_fileConverterFileInput__cSQ93 {
  display: none;
}

/* File List */
.FileConverter_fileConverterFileList__YnLpp {
  margin: 0 0 5px 0;
  background: white;
  border-radius: 3px;
  padding: 10px 20px;
}

.FileConverter_fileConverterFileListTitle__23GIZ {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 12px;
}

.FileConverter_fileConverterFileItems__X5tmJ {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.FileConverter_fileConverterFileItem__NKv4N {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 3px;
}

.FileConverter_fileConverterFileInfo__DDd_u {
  display: flex;
  align-items: center;
  gap: 6px;
}

.FileConverter_fileConverterFileIcon__fg2qV {
  width: 40px;
  height: 40px;
  background: #dbeafe;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FileConverter_fileConverterFileIconText__hq8kH {
  color: #2563eb;
  font-weight: 500;
  font-size: 11px;
}

.FileConverter_fileConverterFileDetails__mDfCJ {
  display: flex;
  flex-direction: column;
}

.FileConverter_fileConverterFileName__dilsj {
  font-weight: 500;
  color: #1f2937;
  font-size: 12px;
}

.FileConverter_fileConverterFileSize__CWoIw {
  font-size: 12px;
  color: #6b7280;
}

.FileConverter_fileConverterRemoveButton__gj8hr {
  color: #ef4444;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
}

.FileConverter_fileConverterRemoveButton__gj8hr:hover {
  color: #dc2626;
}

/* Controls */
.FileConverter_fileConverterControls__2IycF {
  margin: 0 auto 50px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.FileConverter_fileConverterPreviewButton__S1HDR {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #f3f4f6;
  color: #374151;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

.FileConverter_fileConverterPreviewButton__S1HDR:hover {
  background: #e5e7eb;
}

.FileConverter_fileConverterConvertButton__MwwS4 {
  display: flex;
  margin: 0 auto 60px auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background: #2563eb;
  color: white;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  max-width: 660px;
  min-width: 320px;
  width: 100%;
}

.FileConverter_fileConverterConvertButton__MwwS4:hover {
  background: #1d4ed8;
}

.FileConverter_fileConverterConvertButton__MwwS4:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

.FileConverter_fileConverterConvertButtonIcon__FNGAF {
  height: 20px;
  width: 20px;
}

.FileConverter_fileConverterSpinningIcon__d2gS_ {
  animation: FileConverter_spin__4pOjd 1s linear infinite;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border: 2px solid white;
  border-top-color: transparent;
}

@keyframes FileConverter_spin__4pOjd {
  to {
    transform: rotate(360deg);
  }
}

/* Settings */
.FileConverter_fileConverterSettingsSection__oe7G0 {
  margin: 0 0 10px 0;
  background: white;
  border-radius: 3px;
  padding: 0 10px;
}

.FileConverter_fileConverterSettingsTitle__wS8TU {
  font-size: 1px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 20px;
}

.FileConverter_fileConverterSettingsGrid__4YCp1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.FileConverter_fileConverterSettingItem__DzW_o {
  display: flex;
  flex-direction: column;
}

.FileConverter_fileConverterSettingLabel__plpWp {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #374151;
  font-size: 14px;
}

.FileConverter_fileConverterSettingSelect__DleFf {
  width: 100%;
  padding: 9px;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  font-size: 14px;
}

.FileConverter_fileConverterSettingSelect__DleFf:focus {
  outline: none;
  border-color: #2563eb;
}

.FileConverter_fileConverterControls__2IycF {
  margin: 32px 0;
  text-align: center;
}

.FileConverter_fileConverterUploadSection__X54TA,
.FileConverter_fileConverterCodeSection__3QouG {
 
  padding: 0 10px;
  margin-bottom: 10px;
}

/* Progress */
.FileConverter_fileConverterProgressSection__3EzmJ {
  margin-top: 24px;
  background: white;
  border-radius: 3px;
  padding: 24px;
}

.FileConverter_fileConverterProgressHeader__mdwfl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.FileConverter_fileConverterProgressLabel__QR_U_ {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}

.FileConverter_fileConverterProgressPercent__beULX {
  font-size: 14px;
  color: #6b7280;
}

.FileConverter_fileConverterProgressBar__gJ8Eq {
  width: 100%;
  background: #e5e7eb;
  border-radius: 9999px;
  height: 8px;
}

.FileConverter_fileConverterProgressFill__KKsu_ {
  background: #2563eb;
  height: 8px;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

/* Results */
.FileConverter_fileConverterResultsSection__VRJdF {
  margin-top: 32px;
  background: white;
  border-radius: 3px;
  padding: 20px;
}

.FileConverter_fileConverterResultsHeader__8aTQ6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.FileConverter_fileConverterResultsTitle__TeaXR {
  font-size: 18px;
  font-weight: 600;
  color: #059669;
  display: flex;
  align-items: center;
  gap: 8px;
}

.FileConverter_fileConverterDownloadAllButton__YuZq9 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #059669;
  color: white;
  border-radius: 3px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.FileConverter_fileConverterDownloadAllButton__YuZq9:hover {
  background: #047857;
}

.FileConverter_fileConverterResultItems__J6GE2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.FileConverter_fileConverterResultItem__ybNK7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #f0fdf4;
  border-radius: 3px;
}

.FileConverter_fileConverterResultInfo__6MmVl {
  flex-grow: 1;
}

.FileConverter_fileConverterResultFileName__ymLBm {
  font-weight: 500;
  color: #1f2937;
  font-size: 14px;
  margin: 0 0 6px 0;
}

.FileConverter_fileConverterResultOriginal__Y6Xbq {
  font-size: 12px;
  color: #6b7280;
  margin: 0 0 6px 0;
}

.FileConverter_fileConverterCompressionInfo__84_w7 {
  margin-left: 8px;
  color: #059669;
}

.FileConverter_fileConverterDownloadButton__6FHF_ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #059669;
  color: white;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
}

.FileConverter_fileConverterDownloadButton__6FHF_:hover {
  background: #047857;
}

/* Specifications */
.FileConverter_fileConverterSpecsSection__6MiOn {
  background: white;
  border-radius: 3px;
  padding: 20px;
  margin: 0 auto 50px auto;
  border: 1px solid #e5e7eb;
}

.FileConverter_fileConverterSpecsTitle__GY4X6 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #202020;
  display: flex;
  align-items: center;
  gap: 10px;
}

.FileConverter_fileConverterSpecsGrid__THTW0 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
}

.FileConverter_fileConverterSpecItem__tjErJ {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  background: #f9fafb;
  border-radius: 3px;
}

.FileConverter_fileConverterSpecIcon__URkP0 {
  color: #3b82f6;
  margin-top: 2px;
}

.FileConverter_fileConverterSpecContent__o6wbk {
  flex: 1 1;
}

.FileConverter_fileConverterSpecContentTitle__0uGzG {
  font-weight: 600;
  color: #202020;
  margin-bottom: 20px;
  font-size: 14px;
}

.FileConverter_fileConverterSpecList__2IFji {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.FileConverter_fileConverterSpecListItem__M6RM4 {
  color: #202020;
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 24px;
  padding-left: 10px;
  position: relative;
}

.FileConverter_fileConverterSpecListItem__M6RM4:before {
  content: "•";
  color: #3b82f6;
  position: absolute;
  left: 0;
}

/* Features */
.FileConverter_fileConverterFeaturesSection__tlUEH {
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  border-radius: 3px;
  padding: 20px 10px;
  margin: 0 auto 60px auto;
}

.FileConverter_fileConverterFeaturesTitle___F22l {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #202020;
  text-align: center;
}

.FileConverter_fileConverterFeaturesList__iSJae {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
  line-height: 24px;
}

.FileConverter_fileConverterFeatureItem__AsIBX {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #202020;
  font-size: 15px;
  line-height: 24px;
}

.FileConverter_fileConverterFeatureIcon__RaIt4 {
  color: #059669;
  flex-shrink: 0;
  margin-top: 4px;
  width: 24px;
  height: 24px;
}

/* Why Section */
.FileConverter_fileConverterWhySection__8TgJF {
  padding: 0 10px;
  border-radius: 8px;
  margin: 0 auto 60px auto;
}

.FileConverter_fileConverterWhyTitle__VdGnG {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #1f2937;
}

.FileConverter_fileConverterWhyDescription__rU3F2 {
  font-size: 15px;
  color: #4b5563;
  line-height: 28px;
}


.FileConverter_fileConverterSpecsGrid__THTW0 {
  grid-template-columns: repeat(2, 1fr);
}

.FileConverter_fileConverterFeaturesList__iSJae {
  grid-template-columns: repeat(2, 1fr);
}


@media (max-width: 768px) {
  .FileConverter_fileConverterSpecsGrid__THTW0 {
    grid-template-columns: 1fr;
  }

  .FileConverter_fileConverterFeaturesList__iSJae {
    grid-template-columns: 1fr;
  }

  .FileConverter_fileConverterUploadArea__fgkMD {
    padding: 24px;
  }

  .FileConverter_fileConverterResultHeader__bG0PV {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .FileConverter_fileConverterDownloadAllButton__YuZq9 {
    width: 100%;
    justify-content: center;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/convert/jpg-to-png/JpgToPng.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/


.JpgToPng_jpgToPngPage__PClaQ {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.JpgToPng_jpgToPngMain__Nkmg8 {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}

.JpgToPng_title__P21ic {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 28px;
  color: #1f2937;
}

.JpgToPng_convertersMainContent__GOcxs {
  max-width: 740px;
  margin: 0 auto;
  justify-content: center;
  padding: 0 10px;
}