.masroor-wrapper {max-width:500px;margin:30px auto;padding:20px;border-radius:12px;background:#ffffff;text-align:center;font-family:Arial, sans-serif;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.masroor-dropzone {border:2px dashed #333;padding:35px;border-radius:10px;cursor:pointer;background:#fafafa;font-size:16px;}
.masroor-dropzone:hover {background:#f0f0f0;}
#masroor-mode {width:100%;padding:12px;margin-top:15px;border-radius:6px;border:1px solid #ccc;}
#masroor-convert {width:100%;padding:12px;margin-top:15px;border-radius:6px;background:#000;color:#fff;border:none;font-size:16px;}
.masroor-progress {width:100%;background:#e0e0e0;border-radius:5px;margin-top:15px;height:10px;display:none;}
.masroor-bar {height:10px;width:0;background:#28a745;border-radius:5px;}
.masroor-brand {margin-top:15px;font-size:12px;color:#666;}
@media(max-width:600px){.masroor-wrapper{padding:15px;}}