#upload-container{margin-bottom:30px}#drop-area{padding:40px;text-align:center;transition:background-color 0.3s;cursor:pointer;border:1px dashed #CECAD4;border-radius:8px;max-width:500px;margin:auto}#drop-area i{display:block;font-size:40px;opacity:.6;margin-bottom:10px}#drop-area.highlight{background-color:#d6eaf8;border-color:#2980b9}#drop-area p{font-weight:500;display:block;margin-bottom:-3px;font-size:16px}.upload-btn{display:inline-block;background-color:#3498db;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s}.upload-btn:hover{background-color:#2980b9}.options-container{max-width:900px;margin:auto}.options-section{margin-bottom:30px}.option-group{margin-bottom:15px;display:flex;align-items:center}.option-group label{min-width:150px;margin-right:10px}.option-group label.switch{min-width:1px}input[type="number"]{padding:8px;border:1px solid #ddd;border-radius:5px;width:200px}.format-selection{flex-direction:column;align-items:flex-start;margin-top:0!important}.format-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;width:100%}.format-option{display:flex;flex-direction:column;align-items:center;width:calc(16.66% - 10px);min-width:80px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.format-option:hover{border-color:#ff00a6;background-color:#F6F3F9}.format-option.selected{border-color:#ff00a6;background-color:#F6F3F9;box-shadow:0 2px 5px rgb(45 45 45 / 30%)}.format-icon{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:50%;font-weight:700;font-size:14px;color:#2c3e50}.format-option span{font-size:12px;color:#7f8c8d}input[type="range"]{width:200px}.productPage{max-width:900px;margin:auto}#quality-value{margin-left:10px;min-width:40px;font-size:12px;font-weight:600}#image-previews,#result-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.image-preview,.result-item{position:relative;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.image-preview img,.result-item img{width:100%;height:180px;object-fit:contain;border-radius:5px;margin-bottom:10px}.image-info{font-size:12px;color:#7f8c8d;text-overflow:ellipsis;overflow:hidden}.remove-btn{position:absolute;top:5px;right:5px;background-color:#000;color:#fff;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.download-btn{background:#000;display:block;font-size:14px;border-radius:5px;padding:6px 12px;background:none;color:#000;border:1px solid #000;width:100%;margin-top:10px}#status-message{text-align:center;margin-top:20px;font-weight:700;font-size:18px;display:none;font-size:0;opacity:0}.success{color:#2ecc71;margin-bottom:20px}#success-message{text-align:center;font-size:24px;margin:20px 0}.error{color:#e74c3c}.hidden{display:none}@media(max-width:602px){.format-option{width:calc(33.66667% - 10px)}}