The CSS so ass

app.py

@@ -75,167 +75,7 @@ ROFORMER_MODELS = get_all_models()
 
 OUTPUT_FORMATS = ['wav', 'flac', 'mp3', 'ogg', 'opus', 'm4a', 'aiff', 'ac3']
 
-# CSS (orijinal CSS korundu)
-CSS = """
-body {
-    background: linear-gradient(to bottom, rgba(45, 11, 11, 0.9), rgba(0, 0, 0, 0.8)), url('/content/logo.jpg') no-repeat center center fixed;
-    background-size: cover;
-    min-height: 100vh;
-    margin: 0;
-    padding: 1rem;
-    font-family: 'Poppins', sans-serif;
-    color: #C0C0C0;
-    overflow-x: hidden;
-}
-.header-text {
-    text-align: center;
-    padding: 100px 20px 20px;
-    color: #ff4040;
-    font-size: 3rem;
-    font-weight: 900;
-    text-shadow: 0 0 10px rgba(255, 64, 64, 0.5);
-    z-index: 1500;
-    animation: text-glow 2s infinite;
-}
-.header-subtitle {
-    text-align: center;
-    color: #C0C0C0;
-    font-size: 1.2rem;
-    font-weight: 300;
-    margin-top: -10px;
-    text-shadow: 0 0 5px rgba(255, 64, 64, 0.3);
-}
-.gr-tab {
-    background: rgba(128, 0, 0, 0.5) !important;
-    border-radius: 12px 12px 0 0 !important;
-    margin: 0 5px !important;
-    color: #C0C0C0 !important;
-    border: 1px solid #ff4040 !important;
-    z-index: 1500;
-    transition: background 0.3s ease, color 0.3s ease;
-    padding: 10px 20px !important;
-    font-size: 1.1rem !important;
-}
-button {
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-    background: #800000 !important;
-    border: 1px solid #ff4040 !important;
-    color: #C0C0C0 !important;
-    border-radius: 8px !important;
-    padding: 8px 16px !important;
-    box-shadow: 0 2px 10px rgba(255, 64, 64, 0.3);
-}
-button:hover {
-    transform: scale(1.05) !important;
-    box-shadow: 0 10px 40px rgba(255, 64, 64, 0.7) !important;
-    background: #ff4040 !important;
-}
-.compact-upload.horizontal {
-    display: inline-flex !important;
-    align-items: center !important;
-    gap: 8px !important;
-    max-width: 400px !important;
-    height: 40px !important;
-    padding: 0 12px !important;
-    border: 1px solid #ff4040 !important;
-    background: rgba(128, 0, 0, 0.5) !important;
-    border-radius: 8px !important;
-}
-.compact-dropdown {
-    padding: 8px 12px !important;
-    border-radius: 8px !important;
-    border: 2px solid #ff6b6b !important;
-    background: rgba(46, 26, 71, 0.7) !important;
-    color: #e0e0e0 !important;
-    width: 100%;
-    font-size: 1rem !important;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
-    position: relative;
-    z-index: 100;
-}
-.compact-dropdown:hover {
-    border-color: #ff8787 !important;
-    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.4) !important;
-}
-.compact-dropdown select, .compact-dropdown .gr-dropdown {
-    background: transparent !important;
-    color: #e0e0e0 !important;
-    border: none !important;
-    width: 100% !important;
-    padding: 8px !important;
-    font-size: 1rem !important;
-    appearance: none !important;
-    -webkit-appearance: none !important;
-    -moz-appearance: none !important;
-}
-.compact-dropdown .gr-dropdown-menu {
-    background: rgba(46, 26, 71, 0.95) !important;
-    border: 2px solid #ff6b6b !important;
-    border-radius: 8px !important;
-    color: #e0e0e0 !important;
-    max-height: 300px !important;
-    overflow-y: auto !important;
-    z-index: 300 !important;
-    width: 100% !important;
-    opacity: 1 !important;
-    visibility: visible !important;
-    position: absolute !important;
-    top: 100% !important;
-    left: 0 !important;
-    pointer-events: auto !important;
-}
-.compact-dropdown:hover .gr-dropdown-menu {
-    display: block !important;
-}
-.compact-dropdown .gr-dropdown-menu option {
-    padding: 8px !important;
-    color: #e0e0e0 !important;
-    background: transparent !important;
-}
-.compact-dropdown .gr-dropdown-menu option:hover {
-    background: rgba(255, 107, 107, 0.3) !important;
-}
-#custom-progress {
-    margin-top: 10px;
-    padding: 10px;
-    background: rgba(128, 0, 0, 0.3);
-    border-radius: 8px;
-    border: 1px solid #ff4040;
-}
-#progress-bar {
-    height: 20px;
-    background: linear-gradient(to right, #6e8efb, #ff4040);
-    border-radius: 5px;
-    transition: width 0.5s ease-in-out;
-    max-width: 100% !important;
-}
-.gr-accordion {
-    background: rgba(128, 0, 0, 0.5) !important;
-    border-radius: 10px !important;
-    border: 1px solid #ff4040 !important;
-}
-.footer {
-    text-align: center;
-    padding: 20px;
-    color: #ff4040;
-    font-size: 14px;
-    margin-top: 40px;
-    background: rgba(128, 0, 0, 0.3);
-    border-top: 1px solid #ff4040;
-}
-#log-accordion {
-    max-height: 400px;
-    overflow-y: auto;
-    background: rgba(0, 0, 0, 0.7) !important;
-    padding: 10px;
-    border-radius: 8px;
-}
-@keyframes text-glow {
-    0% { text-shadow: 0 0 5px rgba(192, 192, 192, 0); }
-    50% { text-shadow: 0 0 15px rgba(192, 192, 192, 1); }
-    100% { text-shadow: 0 0 5px rgba(192, 192, 192, 0); }
-}
-"""
+
 
 def download_audio(url, cookie_file=None):
     """
@@ -946,7 +786,7 @@ def delete_custom_model_handler(name):
     return msg, custom_list, gr.update(choices=cats), gr.update(choices=cats)
 
 def create_interface():
-    with gr.Blocks(title="🎵 SESA Fast Separation 🎵", css=CSS, elem_id="app-container") as app:
+    with gr.Blocks(title="🎵 SESA Fast Separation 🎵", theme="NeoPy/Soft", elem_id="app-container") as app:
         gr.Markdown("<h1 class='header-text'>🎵 SESA Fast Separation 🎵</h1>")
         gr.Markdown("**Note**: If YouTube downloads fail, upload a valid cookies file or a local WAV/MP4/MOV file. [Cookie Instructions](https://github.com/yt-dlp/yt-dlp/wiki/Extractors#exporting-youtube-cookies)")
         gr.Markdown("**Tip**: For best results, use audio/video shorter than 15 minutes or fewer models (up to 6) to ensure smooth processing.")