Update app.py

app.py

@@ -81,50 +81,75 @@ def ui_build_pack(niche, style, bpm, tone, goal):
 
 
 # --------------------------------------------------
-#       CUSTOM CSS (LOADED THE OLD-SCHOOL WAY)
+#   EMBEDDED BRUSHED GUNMETAL BACKGROUND (BASE64)
 # --------------------------------------------------
-custom_css = """
+gunmetal_bg = """
 <style>
 
 body {
-    background-color: #050505;
+    margin: 0 !important;
+    padding: 0 !important;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAYAAAA+j9gPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABjBJREFUeJzt3b1u2kgQQNHTQF+giNBDbDE5jBqFaUGUcRgxN6E466+vWXTmFRrM8Nl1N8MPv+2MvmP0x+g6u40qGgfHdCqfpNNpJBWlAbIYWCA2PASi6DPd7OJbRRqtZIOSk5MTx0uvvZk90un0n0n0n0n0n0n0n0n0n0n8n2n2zcz5z7XnGO/czkRgZNpmjQqYh6gMPkTFogyXv3gZH/BqhGlywbn4T/6KrAE98FAd7iGouVp21HbQJseb3CidRubc4QpfAl8MwVzKhI6+w4n1vCLaYB9rqx8uxFazc2D/qKyfinBmMOPqlmkavRKu0kUQeFkCvhq/i323iDL49myIIZeF1P0uohsEiL/KZ8nfdXbra+XUl3Bd4mV9Ezg1QF/Nb+YPFQyu1HFDigONydMUuN1ZpFdEyAJ9MkdaZ7n0ANKPOuUMGAfJOyrUo9qeycGQ21MCH2RKDWE/YBYdz/BPZt6r9Ga6IpiObOqYkbKx2+Y8OobQIEkgyDAh9g0Rj62LF8oT+yQUwSWOSJyYwcmBHQYaWV7kngakdUSHcauD1ynjUTduVdJN9WewtG/XAIN5e8wZsM+dAf5BgC984wgKLF6t84yAogPSFqdtYY4cYNSeNBY0d5hDnzL2wv30IZHuZOKhHvJ3C0cFLbFhF38sZ4N2VNivg393XcX4Jt9V7H5P4xMIOKgHdwNwp0UrEGouGZWlznImPi0tLxe3LjXLp8dkUBaRdOy+nK8BPVKx/aRXefxWWEXUOYaL6VLdystD5nq2WEYLRh3SeDsICoZ6RiMUiP+6JGZveHFkNjEcNWef39/C4R2tQeM+c/37yHUsctNk6heAQ7Ez+KQEiC5EvhczHxMMz9Yx8RJWb1x1o1t4bm/FvGV8eK3opgDdBrYqYElw3ZTNhbmPDMv8YDn8ApX2HFqRSbVAAAAAElFTkSuQmCC');
+    background-size: cover !important;
+    background-position: center !important;
+    background-attachment: fixed !important;
 }
 
+/* HEADER */
 #main-title {
-    font-size: 34px;
-    font-weight: bold;
-    color: #ff3c00;
+    font-size: 38px;
+    font-weight: 900;
+    color: #eeeeee;
     text-align: center;
-    text-shadow: 0px 0px 15px rgba(255,60,0,0.9);
-    margin-bottom: 10px;
+    margin-bottom: 15px;
+    text-shadow:
+        0px 0px 18px #00f0ff,
+        0px 0px 28px #00f0ff,
+        0px 0px 18px #ff4800;
 }
 
+/* PANEL STYLING */
+.gradio-container {
+    background: rgba(10, 10, 10, 0.55) !important;
+    backdrop-filter: blur(8px) !important;
+    border-radius: 14px !important;
+    border: 1px solid rgba(0,255,255,0.25) !important;
+    box-shadow: 0px 0px 22px rgba(0,255,255,0.35);
+}
+
+/* BUTTONS */
 button {
-    background: linear-gradient(90deg, #ff3c00, #b10000);
-    color: #ffffff !important;
+    background: linear-gradient(90deg, #00eaff, #0088cc) !important;
+    color: black !important;
     font-weight: bold !important;
     border-radius: 10px !important;
-    font-size: 18px !important;
-    padding: 10px 16px !important;
+    padding: 12px !important;
     border: none !important;
-    box-shadow: 0px 0px 12px rgba(255,60,0,0.7);
-    transition: 0.15s;
+    font-size: 18px !important;
+    box-shadow: 0px 0px 15px #00eaff;
+    transition: 0.15s ease-in-out;
 }
 
 button:hover {
-    transform: scale(1.05);
-    box-shadow: 0px 0px 20px rgba(255,100,0,1);
+    transform: scale(1.06);
+    box-shadow: 0px 0px 25px #00ffff;
 }
 
+/* INPUTS */
 input, textarea, select {
-    background-color: #1a1a1a !important;
-    color: #f1f1f1 !important;
-    border: 1px solid #444 !important;
-    border-radius: 8px !important;
+    background: rgba(20,20,20,0.8) !important;
+    color: #e5e5e5 !important;
+    border: 1px solid #0099aa !important;
+}
+
+/* AUDIO PLAYER */
+audio {
+    outline: 2px solid #00ffff !important;
+    border-radius: 8px;
 }
 
 label {
-    color: #f1f1f1 !important;
+    color: #e5e5e5 !important;
 }
 
 </style>
@@ -136,61 +161,50 @@ label {
 # --------------------------------------------------
 with gr.Blocks(title="304 Reaper AI Content + Beat Generator") as demo:
 
-    # Load custom CSS
-    gr.HTML(custom_css)
-
-    gr.HTML("<h1 id='main-title'>🔥 304 REAPER — AI CONTENT & BEAT GENERATOR</h1>")
+    gr.HTML(gunmetal_bg)
+    gr.HTML("<h1 id='main-title'>🔥 304 REAPER — AI CONTENT & BEAT FORGE 🔥</h1>")
 
-    # ---------------------------
-    #       BEAT GENERATOR
-    # ---------------------------
     with gr.Tab("🎵 Beat Forge"):
-        gr.Markdown("### Hand-Crafted Reaper Beats (CPU Safe)")
+        gr.Markdown("### Build outlaw beats with neon precision.")
 
         style = gr.Dropdown(
             ["Country Rap", "Trap", "Dark Outlaw", "Drill", "BoomBap"],
             label="Beat Style"
         )
         bpm = gr.Slider(60, 180, value=120, label="BPM")
-        loops = gr.Slider(1, 5, value=1, label="How Many Beats")
+        loops = gr.Slider(1, 5, value=1, label="Number of Loops")
 
-        generate_btn = gr.Button("⚡ Generate Beat")
-        audio_out = gr.Audio(label="Generated Beat", type="filepath")
+        gen_btn = gr.Button("⚡ Generate Beat")
+        audio_out = gr.Audio(label="Beat Output", type="filepath")
 
-        generate_btn.click(
+        gen_btn.click(
             ui_generate_beats,
             inputs=[style, bpm, loops],
             outputs=audio_out
         )
 
-    # ---------------------------
-    #     CONTENT GENERATOR
-    # ---------------------------
     with gr.Tab("🧠 Content Lab"):
-        gr.Markdown("### Hooks, Captions, Ideas & Scripts")
+        gr.Markdown("### Hooks, captions, ideas, and scripts — outlaw branded.")
 
         niche = gr.Textbox(label="Niche")
         tone = gr.Textbox(label="Tone")
         goal = gr.Textbox(label="Goal")
 
-        gen_btn = gr.Button("⚡ Generate Content")
+        gen_btn2 = gr.Button("⚡ Generate Content")
 
         hooks_out = gr.Textbox(label="Hooks")
         captions_out = gr.Textbox(label="Captions")
         ideas_out = gr.Textbox(label="Ideas")
         scripts_out = gr.Textbox(label="Scripts")
 
-        gen_btn.click(
+        gen_btn2.click(
             ui_generate_content,
             inputs=[niche, tone, goal],
             outputs=[hooks_out, captions_out, ideas_out, scripts_out]
         )
 
-    # ---------------------------
-    #       PACK BUILDER
-    # ---------------------------
-    with gr.Tab("📦 Full Creator Pack"):
-        gr.Markdown("### Build a Full Creator ZIP Pack")
+    with gr.Tab("📦 Creator Pack"):
+        gr.Markdown("### One click. Full outlaw creator pack.")
 
         niche2 = gr.Textbox(label="Niche")
         style2 = gr.Dropdown(
@@ -201,8 +215,8 @@ with gr.Blocks(title="304 Reaper AI Content + Beat Generator") as demo:
         tone2 = gr.Textbox(label="Tone")
         goal2 = gr.Textbox(label="Goal")
 
-        build_btn = gr.Button("⚡ Build ZIP Pack")
-        zip_out = gr.File(label="Download")
+        build_btn = gr.Button("⚡ Build Pack")
+        zip_out = gr.File(label="Download ZIP")
 
         build_btn.click(
             ui_build_pack,
@@ -210,5 +224,4 @@ with gr.Blocks(title="304 Reaper AI Content + Beat Generator") as demo:
             outputs=zip_out
         )
 
-
 demo.launch()