Update app.py

app.py

@@ -5,6 +5,11 @@ import numpy as np
 import soundfile as sf
 import gradio as gr
 
+# load custom css from external file
+with open("style.css") as f:
+    custom_css = f.read()
+
+
 os.environ.setdefault("COQUI_TOS_AGREED", "1")
 
 MODEL_NAME = "tts_models/multilingual/multi-dataset/xtts_v2"
@@ -126,25 +131,8 @@ def tts_clone(text, ref_audio, lang_label, speed, split_sentences, progress=gr.P
     # return both: audio preview path, and a file path for DownloadButton
     return ntf_path, dl_path
 
-CUSTOM_CSS = """
-.gradio-container { max-width: 860px !important; margin: 0 auto; }
-#wrap, #ref, #lang, #txt, #spd, #split, #out_audio, #dl {
-  background: #f8fafc !important;
-  border: 1px solid #e5e7eb !important;
-  border-radius: 14px !important;
-  padding: 14px !important;
-}
-#ref, #out_audio, #dl { background: #eef2ff !important; }
-#gen button, #gen { background: #10b981 !important; color: #fff !important; }
-#gen button:hover { filter: brightness(0.95); }
-/* hide HF/Gradio chrome */
-footer, .footer, #footer,
-a[href*="gradio.live"], a[href*="gradio.app"], a[href*="/api"], a[href*="hf.space"],
-button[aria-label="Settings"],
-[data-testid="block-analytics"], [data-testid="embed-info"] { display: none !important; }
-"""
-
-with gr.Blocks(title="VClone - Voice Cloning & TTS", css=CUSTOM_CSS, analytics_enabled=False) as demo:
+
+with gr.Blocks(title="VClone - Voice Cloning & TTS", css=custom_css, analytics_enabled=False) as demo:
     with gr.Column(elem_id="wrap"):
         gr.Markdown("## Vclone.vip — Professional Realistic AI Voice Cloning in Seconds")
         gr.Markdown("Upload a short **reference voice** (10–60s), choose **language**, enter **text**, then **Generate**. "