.drag-drop-area { border: 2px dashed #cbd5e1; border-radius: 20px; background: #f8fafc; padding: 2rem; text-align: center; transition: all 0.2s; cursor: pointer; }
        .drag-drop-area.drag-over { background: #eef2ff; border-color: #0d6efd; }
        .file-list { max-height: 380px; overflow-y: auto; margin-top: 1rem; }
        .file-item { background: white; border-radius: 16px; padding: 12px 16px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border: 1px solid #e9ecef; }
        .progress-sm { height: 6px; border-radius: 10px; }
        .batch-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0 10px; }
        .ffmpeg-status { background: #e9ecef; border-left: 4px solid #28a745; padding: 12px; border-radius: 12px; font-size: 0.9rem; }
        .error-note { background: #f8d7da; border-left: 5px solid #dc3545; padding: 12px; border-radius: 8px; margin: 12px 0; }
        .format-hint { background: #e7f3ff; border-radius: 12px; padding: 10px 15px; margin-top: 12px; font-size: 0.85rem; }
        .btn-compress { background: #0d6efd; transition: all 0.2s; }
        .btn-compress:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(13,110,253,0.3); }