Update app.py

app.py

@@ -281,8 +281,7 @@ def process_audio(audio_file, selected_effects, isolate_vocals, preset_name, exp
             "Stage Mode": apply_stage_mode
         }
 
-        effects_to_apply = selected_effects
-        for effect_name in effects_to_apply:
+        for effect_name in selected_effects:
             if effect_name in effect_map:
                 audio = effect_map[effect_name](audio)
 
@@ -316,14 +315,14 @@ def show_waveform(audio_file):
         audio = AudioSegment.from_file(audio_file)
         samples = np.array(audio.get_array_of_samples())
         plt.figure(figsize=(10, 2))
-        plt.plot(samples[:10000], color="blue")
+        plt.plot(samples[:10000], color="skyblue")
         plt.axis("off")
         buf = BytesIO()
         plt.savefig(buf, format="png", bbox_inches="tight", dpi=100)
         plt.close()
         buf.seek(0)
         return Image.open(buf)
-    except Exception as e:
+    except Exception:
         return None
 
 def detect_genre(audio_path):
@@ -361,17 +360,9 @@ preset_choices = {
     "🌫 ASMR Vocal": ["Auto Gain", "Low-Pass Filter (3000Hz)", "Noise Gate"],
     "🎼 Stage Mode": ["Reverb", "Bass Boost", "Limiter"],
     "🎵 Auto-Tune Style": ["Pitch Shift (+1 semitone)", "Normalize", "Treble Boost"],
-    "🎷 Jazz Vocal": ["Bass Boost (-200-400Hz)", "Treble Boost (-3000Hz)", "Normalize"],
-    "🎹 Jazz Piano": ["Treble Boost (4000-6000Hz)", "Normalize", "Stereo Widening"],
-    "🎻 Classical Strings": ["Bass Boost (100-500Hz)", "Treble Boost (3000-6000Hz)", "Reverb"],
-    "☕ Chillhop": ["Noise Gate", "Treble Boost (-3000Hz)", "Reverb"],
-    "🌌 Ambient": ["Reverb", "Noise Gate", "Treble Boost (6000-12000Hz)"],
     "🎤 R&B Vocal": ["Noise Reduction", "Bass Boost (100-300Hz)", "Treble Boost (2000-4000Hz)"],
     "💃 Soul Vocal": ["Noise Reduction", "Bass Boost (80-200Hz)", "Treble Boost (1500-3500Hz)"],
-    "🕺 Funk Groove": ["Bass Boost (80-200Hz)", "Treble Boost (1000-3000Hz)", "Stereo Widening"],
-    "🎹 Jazz Piano Solo": ["Treble Boost (2000-5000Hz)", "Normalize", "Stage Mode"],
-    "🎸 Trap EDM": ["Bass Boost (60-120Hz)", "Treble Boost (2000-5000Hz)", "Limiter"],
-    "🎸 Indie Rock": ["Bass Boost (150-400Hz)", "Treble Boost (2000-5000Hz)", "Compress Dynamic Range"]
+    "🕺 Funk Groove": ["Bass Boost (80-200Hz)", "Treble Boost (1000-3000Hz)"]
 }
 
 preset_names = list(preset_choices.keys())
@@ -412,6 +403,7 @@ def auto_tune_vocal(audio_path, target_key="C"):
 def visualize_spectrum(audio_path):
     y, sr = torchaudio.load(audio_path)
     y_np = y.numpy().flatten()
+    
     stft = librosa.stft(y_np)
     db = librosa.amplitude_to_db(abs(stft))
 
@@ -429,9 +421,9 @@ def visualize_spectrum(audio_path):
 # === Main UI – With Studio Pulse Branding ===
 with gr.Blocks(css="""
     body {
-        font-family: 'Segoe UI', Arial, sans-serif;
-        background-color: hsl(0 0% 3.9%);
-        color: hsl(0 0% 98%);
+        font-family: 'Segoe UI', sans-serif;
+        background-color: #0d1117;
+        color: white;
         padding: 20px;
     }
 
@@ -443,91 +435,91 @@ with gr.Blocks(css="""
 
     .studio-header h3 {
         font-size: 18px;
-        color: hsl(0 0% 45.1%);
+        color: #8892aa;
         margin-top: -5px;
         font-style: italic;
     }
 
-    .gr-interface {
-        background-color: hsl(0 0% 10%) !important;
-        border-radius: 0.5rem;
-        padding: 1rem;
-        box-shadow: 0 0 10px hsl(0 0% 14.9% / 0.2);
-        border: 1px solid hsl(0 0% 14.9%);
+    .gr-box, .gr-interface {
+        background-color: #161b22 !important;
+        border-radius: 12px;
+        padding: 15px;
+        box-shadow: 0 0 10px #1f7bbd44;
+        border: 1px solid #2a3036;
     }
 
-    .btn-primary {
-        background-color: hsl(0 0% 98%) !important;
-        color: hsl(0 0% 9%);
-        border-radius: 0.5rem;
-        padding: 0.75rem 1.5rem;
+    .gr-button {
+        background-color: #1f7bbd !important;
+        color: white !important;
+        border-radius: 10px;
+        padding: 10px 20px;
         font-weight: bold;
-        transition: all 0.3s ease;
+        box-shadow: 0 0 10px #1f7bbd44;
+        border: none;
+        font-size: 16px;
     }
 
-    .btn-primary:hover {
-        background-color: hsl(0 0% 90%) !important;
-        box-shadow: 0 0 10px hsl(0 0% 60% / 0.3);
+    .gr-button:hover {
+        background-color: #298eff !important;
+        box-shadow: 0 0 15px #298effaa;
     }
 
     .gr-tabs button {
         font-size: 16px;
         padding: 10px 20px;
         border-radius: 8px;
-        background: hsl(0 0% 10%);
+        background: #161b22;
         color: white;
         transition: all 0.3s ease;
     }
 
     .gr-tabs button:hover {
-        background: hsl(120 76% 61%);
+        background: #298eff;
         color: black;
-        box-shadow: 0 0 10px hsl(120 76% 61% / 0.4);
+        box-shadow: 0 0 10px #298effaa;
     }
 
     input[type="text"], input[type="number"], select, textarea {
-        background-color: hsl(0 0% 14.9%);
+        background-color: #21262d;
         color: white;
-        border: 1px solid hsl(0 0% 30%);
-        border-radius: 0.5rem;
+        border: 1px solid #30363f;
+        border-radius: 8px;
         width: 100%;
-        padding: 0.75rem;
     }
 
     .gr-checkboxgroup label {
-        background: hsl(0 0% 14.9%);
+        background: #21262d;
         color: white;
-        border: 1px solid hsl(0 0% 30%);
-        border-radius: 0.5rem;
-        padding: 0.5rem 1rem;
+        border: 1px solid #30363f;
+        border-radius: 8px;
+        padding: 8px;
         transition: background 0.3s;
     }
 
     .gr-checkboxgroup label:hover {
-        background: hsl(0 0% 20%);
+        background: #2a3036;
         cursor: pointer;
     }
 
     .gr-gallery__items > div {
-        border-radius: 0.75rem;
+        border-radius: 12px;
         overflow: hidden;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
     }
 
     .gr-gallery__items > div:hover {
         transform: scale(1.02);
-        box-shadow: 0 0 12px hsl(120 76% 61% / 0.4);
+        box-shadow: 0 0 12px #298eff44;
     }
 
     .gr-gallery__item-label {
-        background: rgba(0, 0, 0, 0.7);
+        background: rgba(0, 0, 0, 0.6);
         backdrop-filter: blur(3px);
-        color: white;
+        border-radius: 0 0 12px 12px;
+        padding: 10px;
         font-size: 14px;
         font-weight: bold;
         text-align: center;
-        padding: 0.5rem;
-        border-radius: 0 0 0.5rem 0.5rem;
     }
 
     @keyframes float {
@@ -535,20 +527,30 @@ with gr.Blocks(css="""
         50% { transform: translateY(-10px); }
     }
 
-    .float-animation {
-        animation: float 3s ease-in-out infinite;
+    @media (max-width: 768px) {
+        .gr-column {
+            min-width: 100%;
+        }
+
+        .gr-row {
+            flex-direction: column;
+        }
+
+        .gr-button {
+            width: 100%;
+        }
     }
 """) as demo:
 
     # Header
     gr.HTML('''
-    <div class="studio-header float-animation">
-        <img src="https://via.placeholder.com/400x100/1e1e1e/1db954?text=Studio+Pulse+AI" width="400" />
-        <h3 class="text-muted-foreground">Where Your Audio Meets Intelligence</h3>
+    <div class="studio-header">
+        <img src="https://picsum.photos/id/1063/400/100"  width="400" />
+        <h3>Where Your Audio Meets Intelligence</h3>
     </div>
     ''')
 
-    gr.Markdown("### Upload, edit, export — powered by AI!") 
+    gr.Markdown("### Upload, edit, export — powered by AI!")
 
     # --- Single File Studio Tab ---
     with gr.Tab("🎵 Single File Studio"):
@@ -559,7 +561,7 @@ with gr.Blocks(css="""
                 preset_dropdown = gr.Dropdown(choices=preset_names, label="Select Preset", value=preset_names[0])
                 export_format = gr.Dropdown(choices=["MP3", "WAV"], label="Export Format", value="MP3")
                 isolate_vocals = gr.Checkbox(label="Isolate Vocals After Effects")
-                submit_btn = gr.Button("Process Audio", elem_classes=["btn-primary"])
+                submit_btn = gr.Button("Process Audio")
             with gr.Column(min_width=300):
                 output_audio = gr.Audio(label="Processed Audio", type="filepath")
                 waveform_img = gr.Image(label="Waveform Preview")
@@ -715,9 +717,7 @@ with gr.Blocks(css="""
                 gr.Dropdown(choices=preset_names, label="Used Preset", value=preset_names[0]),
                 gr.CheckboxGroup(choices=preset_choices["Default"], label="Applied Effects")
             ],
-            outputs=gr.File(label="Project File (.aiproj)"),
-            title="Save Everything Together",
-            description="Save your session, effects, and settings in one file to reuse later."
+            outputs=gr.File(label="Project File (.aiproj)")
         )
 
         gr.Interface(
@@ -735,16 +735,13 @@ with gr.Blocks(css="""
     with gr.Tab("🎛 Preset Gallery"):
         gr.Markdown("### Select a preset visually")
         preset_gallery = gr.Gallery(value=[
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Pop", "Pop"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=EDM", "EDM"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Rock", "Rock"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Hip-Hop", "Hip-Hop"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=R+B", "R&B"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Soul", "Soul"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Funk", "Funk"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Jazz", "Jazz"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Stage+Mode", "Stage Mode"),
-            ("https://via.placeholder.com/150x100/1e1e1e/1db954?text=Tube+Saturation", "Tube Saturation")
+            ("https://picsum.photos/id/10/150/100",  "Pop"),
+            ("https://picsum.photos/id/20/150/100",  "EDM"),
+            ("https://picsum.photos/id/30/150/100",  "Rock"),
+            ("https://picsum.photos/id/40/150/100",  "Hip-Hop"),
+            ("https://picsum.photos/id/50/150/100",  "R&B"),
+            ("https://picsum.photos/id/60/150/100",  "Soul"),
+            ("https://picsum.photos/id/70/150/100",  "Funk")
         ], label="Preset Cards", columns=4, height="auto")
 
         preset_name_out = gr.Dropdown(choices=preset_names, label="Selected Preset")
@@ -757,7 +754,7 @@ with gr.Blocks(css="""
 
         preset_gallery.select(fn=load_preset_by_card, inputs=[], outputs=[preset_name_out, preset_effects_out])
 
-    # --- Prompt-Based Editing Tab – Added Back === 
+    # --- Prompt-Based Editing Tab – Added Back ===
     def process_prompt(audio, prompt):
         return apply_noise_reduction(audio)