Update app.py

app.py

@@ -1414,37 +1414,36 @@ footer {
     opacity: 0.5;
 }
 
-/* Force Gradio's internal blocks and forms to be transparent */
+/* Force transparency on Gradio's inner wrappers */
+.control-card .styler,
 .control-card .block,
-.control-card .form,
-.control-card .gr-form,
-#audio-section .block,
-#audio-section .form,
-#audio-section .gr-form {
+#audio-section .styler,
+#audio-section .block {
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
 }
 
-/* Override Gradio's CSS variables for inner containers */
-.control-card,
-#audio-section {
-    --block-background-fill: transparent !important;
-    --secondary-background-fill: transparent !important;
-    --component-fill: transparent !important;
-    --input-background-fill: #1f1f2e !important;
+/* More specific targeting for the wrapper divs */
+#audio-section > .styler > .block {
+    background: transparent !important;
+    padding: 0 !important;
 }
 
-/* Remove double-border effect on grouped items */
-.control-card > div,
-#audio-section > div {
-    border: none !important;
+/* Target the html-container wrapper that has padding class */
+#audio-section .html-container,
+#audio-section .html-container.padding,
+.control-card .html-container,
+.control-card .html-container.padding {
+    background: transparent !important;
+    padding: 0 !important;
 }
 
-/* Make HTML components transparent */
-.gradio-html {
+/* Target all nested divs inside control cards except our custom elements */
+.control-card div:not(.key):not(.gauge-bar):not(.gauge-fill):not([style*="background"]),
+#audio-section div:not([style*="background"]) {
     background: transparent !important;
-    padding: 0 !important;
+    border: none !important;
 }
 
 /* Hidden pose state (keep in DOM for JS) */
@@ -2094,7 +2093,7 @@ with gr.Blocks(
                         {KEYBOARD_VIZ_HTML_INLINE}
                         """
 
-                    keyboard_html = gr.HTML(container=False)
+                    keyboard_html = gr.HTML()
                     demo.load(get_keyboard_html, inputs=[], outputs=keyboard_html)
 
                 # Quick actions