| |
| .gradio-container { |
| background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important; |
| color: #f8fafc !important; |
| } |
|
|
| |
| .upload-container { |
| border: 2px dashed #6366f1 !important; |
| border-radius: 20px !important; |
| background: rgba(99, 102, 241, 0.05) !important; |
| transition: all 0.3s ease; |
| } |
|
|
| .upload-container:hover { |
| border-color: #818cf8 !important; |
| background: rgba(99, 102, 241, 0.1) !important; |
| } |
|
|
| |
| #mix-btn { |
| background: linear-gradient(45deg, #4f46e5, #9333ea) !important; |
| border: none !important; |
| color: white !important; |
| font-size: 1.2rem !important; |
| font-weight: bold !important; |
| padding: 15px 30px !important; |
| border-radius: 12px !important; |
| cursor: pointer !important; |
| box-shadow: 0 10px 15px -3px rgba(147, 51, 234, 0.4) !important; |
| } |
|
|
| #mix-btn:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 20px 25px -5px rgba(147, 51, 234, 0.5) !important; |
| } |
|
|
| |
| #output-video { |
| border-radius: 15px !important; |
| overflow: hidden !important; |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5) !important; |
| } |
