.containersa {
      max-width: 1000px;
      margin: 30px auto;
      padding: 20px;
      background: white;
      border-radius: 10px;
       border: 2px solid #d1fae5;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
    }
    .upload-area {
      border: 1.5px dashed #bbb;
      padding: 40px;
      text-align: center;
      cursor: pointer;
      margin-bottom: 20px;
      border-radius: 10px;
      background: #f0fdfa;
    }
  .fas fa-cloud-upload-alt upload-icon {
    color: #009688;
    width: 50px;
    height: 50px;
  }
    .upload-area:hover {
      background: #f0f0f0;
    }
    .images-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    .image-card {
      position: relative;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 10px;
      width: 300px;
      background: #fafafa;
    }
    .image-card img {
      max-width: 100%;
      max-height: 200px;
      display: block;
      margin: 0 auto;
    }
    .remove-btn {
      position: absolute;
      top: 8px;
      right: 8px;
      background: red;
      color: white;
      border: none;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      cursor: pointer;
    }
    .controls {
      margin-top: 10px;
    }
    .controls input[type='range'] {
      width: 100%;
    }
    .format-select {
      margin-top: 10px;
      width: 100%;
      padding: 5px;
    }
    .download-btn {
      margin-top: 10px;
      padding: 10px;
      background: green;
      color: white;
      border: none;
      width: 100%;
      border-radius: 5px;
      cursor: pointer;
    }
    #resetBtn {
      display: none;
      margin-bottom: 20px;
      padding: 10px 20px;
      background: #ff4081;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    @media(max-width: 600px) {
      .image-card { width: 100%; }
    }