Update app.py

app.py

@@ -410,7 +410,7 @@ html_template = """
 """
 
 # Define the Gradio Interface
-with gr.Blocks(css=css, title="MIDI Player & Visualizer") as demo:
+with gr.Blocks(title="MIDI Player & Visualizer") as demo:
     gr.Markdown("# 🎹 MIDI Player & Visualizer")
     gr.Markdown("Upload a MIDI file to play. Optionally upload a SoundFont (.sf2) for improved synthesis logic (simulated here).")
     
@@ -423,19 +423,7 @@ with gr.Blocks(css=css, title="MIDI Player & Visualizer") as demo:
             # The HTML component renders our visualizer and controls
             gr.HTML(html_template)
 
-    # Logic to pass files from Python to JS
-    # Gradio's change events trigger the JS functions defined in the HTML
-    # Note: We use the `change` event to feed the file path to the frontend
-    # However, for binary data (MIDI/SF2), we need a workaround or Gradio's native handling.
-    # Gradio 3.35+ allows returning the file object directly to JS `change` event if configured,
-    # but usually it's easier to process in Python or use a hidden state.
-    
-    # A robust way in Gradio to get file data into JS:
-    # 1. User uploads file.
-    # 2. Python reads it.
-    # 3. Python returns the base64 string.
-    # 4. JS receives base64 and converts to ArrayBuffer.
-    
+    #
     def process_midi(file):
         if file is None: return None
         with open(file, "rb") as f:
@@ -496,4 +484,4 @@ with gr.Blocks(css=css, title="MIDI Player & Visualizer") as demo:
     demo.load(None, None, None, js=js_handler)
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(css=css)