🎉 Inicializar YouTube Downloader Dashboard

- ✅ Dashboard web moderno con Flask y Bootstrap 5
- ✅ Descarga de videos en formato MP3 y MP4
- ✅ Configuración optimizada de yt-dlp para evitar errores 403
- ✅ Progreso en tiempo real con velocidad y ETA
- ✅ Soporte Docker con docker-compose
- ✅ Script de despliegue automático
- ✅ API REST para integraciones
- ✅ Manejo robusto de errores con reintentos
- ✅ Limpieza automática de archivos temporales
- ✅ README detallado con instrucciones de uso

🚀 Funciona con YouTube y está listo para producción 24/7

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

static/css/style.css

@@ -0,0 +1,110 @@
+body {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    min-height: 100vh;
+}
+
+.card {
+    border: none;
+    border-radius: 15px;
+}
+
+.card-header {
+    border-radius: 15px 15px 0 0 !important;
+    border-bottom: none;
+}
+
+.form-control, .input-group-text {
+    border-radius: 10px;
+}
+
+.btn-primary {
+    border-radius: 10px;
+    padding: 12px;
+    font-weight: 600;
+}
+
+.btn-primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(0,123,255,0.3);
+}
+
+.form-check-input:checked {
+    background-color: #007bff;
+    border-color: #007bff;
+}
+
+.form-check {
+    padding: 15px;
+    border: 2px solid #e9ecef;
+    border-radius: 10px;
+    margin-bottom: 10px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.form-check:hover {
+    border-color: #007bff;
+    background-color: #f8f9fa;
+}
+
+.form-check-input:checked + .form-check-label {
+    color: #007bff;
+    font-weight: 600;
+}
+
+.progress {
+    height: 25px;
+    border-radius: 12px;
+    overflow: hidden;
+}
+
+.progress-bar {
+    border-radius: 12px;
+    transition: width 0.6s ease;
+}
+
+.download-item {
+    background: #f8f9fa;
+    border-radius: 10px;
+    padding: 15px;
+    margin-bottom: 10px;
+    border-left: 4px solid #007bff;
+    transition: all 0.3s ease;
+}
+
+.download-item:hover {
+    transform: translateX(5px);
+    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
+}
+
+.download-item .btn {
+    border-radius: 8px;
+    padding: 8px 15px;
+}
+
+.text-truncate {
+    max-width: 200px;
+}
+
+.alert {
+    border-radius: 10px;
+}
+
+.spinner-border {
+    width: 1rem;
+    height: 1rem;
+}
+
+@media (max-width: 768px) {
+    .container {
+        padding: 10px;
+    }
+
+    .card {
+        border-radius: 10px;
+    }
+
+    .form-check {
+        padding: 10px;
+    }
+}