/* Main Box Container */
 .upload-zone-container {
     position: relative !important;
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
     width: 100% !important;
     height: 15rem !important;
     border: 2.5px dashed #49b1a3 !important;
     border-radius: 0.5rem !important;
     background-color: rgba(73, 177, 163, 0.2) !important;
     transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
     font-family: "Rubik", Sans-serif;
 }
 .upload-zone-container .upload-input {
     opacity: 0 !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     z-index: 10 !important;
     width: 100% !important;
     height: 100% !important;
     cursor: pointer !important;
 }
 .upload-zone-container .upload-btn {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     border-radius: 0.5rem !important;
     border: none !important;
     outline: none !important;
     color: #ffffff !important;
     background-color: #49b1a3 !important;
     height: 70px !important;
     padding-left: 4rem !important;
     padding-right: 4rem !important;
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
     font-weight: 700 !important;
     font-size: 22px !important;
     font-family: "Rubik", Sans-serif;
     transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 .upload-zone-container .upload-icon {
     margin-right: 0.5rem !important;
     width: 2rem !important;
     height: 2rem !important;
 }
 .upload-zone-container .upload-text {
     color: #000000 !important;
     font-weight: 500 !important;
     padding-top: 1rem !important;
     font-family: "Rubik", Sans-serif;
     transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 .upload-zone-container:hover {
     border-color: #0B3454 !important;
     background-color: rgba(11, 52, 84, 0.32) !important;
 }
 .upload-zone-container:hover .upload-btn {
     background-color: #0B3454 !important;
 }
 .upload-zone-container:hover .upload-text {
     color: #FFFFFF !important;
 }
 @media (max-width: 640px) {
     .upload-zone-container .upload-btn {
         height: 2.75rem !important;
         padding-left: 1.25rem !important;
         padding-right: 1.25rem !important;
         font-size: 0.875rem !important;
     }
 }
 /* --- CONVERSION LIST WRAPPER --- */
 .conversion-wrapper {
     width: 100%;
     margin-top: 20px;
     font-family: 'Segoe UI', Roboto, sans-serif;
 }
 .conversion-top-bar {
     display: flex;
     justify-content: space-between;
     align-items: end;
     width: 100%;
     margin-bottom: -1px;
 }
 .choose-more-btn {
     display: inline-flex;
     align-items: center;
     background-color: #49b1a3;
     color: #FFFFFF;
     font-weight: 600;
     font-size: 15px;
     padding: 12px 24px;
     border-radius: 8px 8px 0 0;
     cursor: pointer;
     border: 1px solid #49b1a3;
     border-bottom: none;
     transition: background 0.2s;
     font-family: "Rubik", Sans-serif;
 }
 .choose-more-btn:hover {
     background: #0B3454;
     border: 1px solid #0B3454;
 }
 .choose-more-btn svg {
     margin-right: 8px;
 }
 .top-bar-right {
     display: flex;
     align-items: center;
     gap: 14px;
     margin-bottom: 10px;
 }
 .total-count-upload {
     color: #000000;
     font-size: 14px;
     font-weight: 700;
     font-family: "Rubik", Sans-serif;
 }
 .clear-queue-btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: transparent;
     border: none;
     color: #dc3545;
     font-weight: 600;
     font-size: 15px;
     font-family: "Rubik", Sans-serif;
     cursor: pointer;
 }
 .clear-queue-btn:hover {
     opacity: 0.8;
 }
 .start-conversion-btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #0B3454;
     color: #ffffff;
     border: none;
     font-weight: 600;
     font-size: 15px;
     font-family: "Rubik", Sans-serif;
     padding: 12px 24px 12px 29px;
     border-radius: 8px;
     cursor: pointer;
     transition: background 0.2s;
     line-height: 22px;
 }
 .start-conversion-btn:hover {
     background: #49b1a3;
 }
 .files-list-container {
     background: #ffffff;
     border: 1px solid #49b1a3;
     border-radius: 0 12px 12px 12px;
     padding: 24px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
     display: flex;
     flex-direction: column;
     gap: 16px;
     max-height: 1000px;
     overflow-y: scroll;
 }
 /* Custom Scrollbar for Chrome, Safari, and Edge */
 .files-list-container::-webkit-scrollbar {
     width: 8px;
     /* Scrollbar ki width */
 }
 .files-list-container::-webkit-scrollbar-track {
     background: transparent;
     /* Piche koi background nahi hoga */
 }
 .files-list-container::-webkit-scrollbar-thumb {
     background-color: #49b1a3;
     /* Sirf bar ka color */
     border-radius: 10px;
     /* Bar ke corners round karne ke liye */
 }
 .files-list-container::-webkit-scrollbar-thumb:hover {
     background-color: #389588;
     /* Hover karne par thoda dark accent (optional) */
 }
 /* Firefox Support */
 .files-list-container {
     scrollbar-width: thin;
     scrollbar-color: #49b1a3 transparent;
     /* Bar color | Track color */
 }
 .file-item-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     padding-bottom: 12px;
     border-bottom: 1px solid #eee;
 }
 .file-item-row:last-child {
     border-bottom: none;
 }
 .file-item-left {
     display: flex;
     align-items: center;
     gap: 16px;
 }
 .file-thumb-wrapper {
     width: 60px;
     height: 60px;
     border: 1px dashed #cccccc;
     border-radius: 6px;
     padding: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fafafa;
 }
 .file-thumb-wrapper img {
     max-width: 100%;
     max-height: 100%;
     object-fit: cover;
     border-radius: 4px;
 }
 .file-details {
     display: flex;
     flex-direction: column;
     gap: 4px;
 }
 .file-name {
     font-weight: 600;
     color: #495057;
     font-size: 15px;
 }
 .file-status {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 13px;
     font-weight: 600;
     color: #000000;
 }
 .file-status svg {
     fill: #20c997;
     color: white;
     max-width: 20px;
 }
 .file-item-right {
     display: flex;
     align-items: center;
     gap: 12px;
 }
 .single-download-btn {
     background: #20c997;
     border: none;
     color: #ffffff;
     border-radius: 6px;
     cursor: pointer;
     display: none;
     align-items: center;
     justify-content: center;
     padding: 6px 12px;
     font-size: 13px;
     font-weight: 600;
     font-family: "Rubik", Sans-serif;
     text-decoration: none !important;
     gap: 6px;
     transition: background 0.2s;
 }
 .single-download-btn:hover {
     background: #1aa179;
     color: #ffffff !important;
 }
 .remove-file-btn {
     background: transparent;
     border: none;
     color: #333333;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 5px;
 }
 .remove-file-btn:hover {
     color: #dc3545;
 }
 #ctw-result-container {
     margin-top: 15px;
     text-align: center;
 }
 .ctw-download-link {
     display: inline-block;
     background-color: #20c997;
     color: #fff !important;
     padding: 14px 20px;
     font-weight: 500;
     border-radius: 6px;
     text-decoration: none !important;
     transition: background 0.2s;
 }
 .ctw-download-link:hover {
     background-color: #1aa179;
 }
 .ctw-error-msg {
     color: #dc3545;
     font-weight: 600;
 }