.karaoke-uploader { width:100%; max-width:100%; box-sizing:border-box; padding:20px; background:#fff; border-radius:8px; }
.karaoke-uploader h2 { margin:0 0 12px 0; font-size:20px; }
.karaoke-dropzone { width:100%; border:2px dashed #ccc; padding:30px; text-align:center; border-radius:8px; cursor:pointer; background:#fafafa; }
.karaoke-dropzone:hover { border-color:#4caf50; }
.karaoke-progress { margin-top:12px; }
.karaoke-progress .bar { width:100%; height:14px; background:#eee; border-radius:7px; overflow:hidden; }
.karaoke-progress .fill { height:100%; background:#4caf50; width:0%; transition:width .3s; }
.karaoke-progress .text { margin-top:6px; font-size:13px; }
.button { display:inline-block; margin-right:8px; padding:8px 12px; background:#0073aa; color:#fff; border-radius:4px; text-decoration:none; }