.compressor-wrapper{background:#fff;max-width:900px;margin:auto;padding:30px;border-radius:10px;box-shadow:0 0 15px rgb(0 0 0 / .1);display:flex;gap:30px;flex-wrap:wrap}.logo{max-width:120px!important;margin-bottom:20px}.left,.right{flex:1}.left{min-width:300px;max-width:40%}.right{min-width:300px;max-width:60%}.drop-area{border:2px dashed #888;padding:30px;border-radius:8px;background:#fafafa;cursor:pointer;transition:background 0.3s;margin-top:10px}.drop-area.hover{background:#eef}select,input[type="file"],button{padding:10px;font-size:16px;margin-top:10px;border-radius:5px;width:100%;box-sizing:border-box}button{background-color:#0073e6;color:#fff;border:none;cursor:pointer}button:hover{background-color:#005bb5}.preview img{max-width:100%;border-radius:8px;border:1px solid #ccc;margin-top:10px}.download-link{margin-top:10px;display:inline-block;font-weight:700;color:#0073e6;text-decoration:none}#sizeInfo{margin-top:10px;font-weight:700;color:#444}#uploadMessage{margin-top:10px;color:green;font-weight:700}#progressContainer{margin-top:10px;width:100%;display:none}#progressContainer div{background:#eee;border:1px solid #ccc;border-radius:5px;height:24px;overflow:hidden;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1)}#progressBar{height:100%;width:0%;background:#28a745;transition:width 0.3s}h2{width:100%;text-align:center;margin-bottom:20px}