/* ------------------- General ------------------- */
body { background:#111; color:#fff; font-family:Arial,sans-serif; }
.wmd-upload-container, .wmd-dashboard-container { padding:20px; }
.wmd-upload-title, .wmd-dashboard-container h1 { color:#ff0000; font-weight:900; margin-bottom:20px; }

/* ------------------- Steps & Progress ------------------- */
.wmd-step { display:none; }
.wmd-step.active { display:block; }
.wmd-step-choice { padding:10px 20px; margin-right:10px; border:2px solid #ff0000; color:#fff; background:#222; font-weight:bold; cursor:pointer; border-radius:6px; transition:0.3s; }
.wmd-step-choice.selected { background:#ff0000; color:#fff; box-shadow:0 0 12px rgba(255,0,0,0.8); }
.wmd-step-progress { display:flex; justify-content:space-between; margin-bottom:15px; }
.wmd-step-indicator { flex:1; text-align:center; padding:10px; background:#222; border-radius:6px; border:2px solid #ff0000; margin-right:10px; }
.wmd-step-indicator:last-child { margin-right:0; }
.wmd-step-indicator.active { background:#ff0000; color:#fff; box-shadow:0 0 10px rgba(255,0,0,0.7); }
.wmd-step-indicator.completed { background:#444;color:#fff; }
.wmd-progress-wrapper { width:100%; background:#222; height:8px;border-radius:4px;margin:10px 0 20px 0;border:1px solid #ff0000; overflow:hidden; }
.wmd-progress-bar { width:0%; height:100%; background:#ff0000; border-radius:4px; transition:width 0.5s ease; }

/* ------------------- Track Rows ------------------- */
.track-row input, .track-row select { width:100%; margin-bottom:8px; padding:6px; border:1px solid #ff0000; border-radius:4px; background:#111;color:#fff; }
.audio-preview-container, .cover-preview-container { margin-top:5px; }

/* ------------------- Uploaded Track Previews ------------------- */
.uploaded-track-preview { border:2px solid #ff0000; background:#1a1a1a; padding:12px; margin-bottom:15px; border-radius:8px; }
.uploaded-track-preview audio, .uploaded-track-preview img { display:block; margin-top:8px; }

/* ------------------- Dashboard Panels ------------------- */
.wmd-dashboard-panels { display:flex; flex-direction:column; gap:20px; }
.wmd-dashboard-panel { background:#222; border:2px solid #ff0000; padding:15px; border-radius:10px; }
.dashboard-track { border:1px solid #ff0000; padding:8px; margin-bottom:12px; border-radius:6px; }
.dashboard-track audio, .dashboard-track img { display:block; margin-top:5px; }

/* ------------------- Buttons ------------------- */
#submit-upload, #add-track-row, #next-to-upload { background:#ff0000; color:#fff; font-weight:bold; border:none; padding:10px 20px; border-radius:6px; cursor:pointer; transition:0.3s; }
#submit-upload:hover, #add-track-row:hover, #next-to-upload:hover { box-shadow:0 0 12px rgba(255,0,0,0.8); }