Update app.py

app.py

@@ -45,7 +45,7 @@ h1 { color:#F714C5; text-align:center; }
 </html>"""
 
 with gr.Blocks(css=f"""
-/* Dark night sky background with gradient */
+/* Dark night sky background with subtle particles */
 body {{
     margin:0;
     padding:0;
@@ -55,17 +55,17 @@ body {{
     color:#e0e0e0;
     position: relative;
 }}
-
-/* Floating particles */
+/* subtle particle animation */
 body::before {{
     content:'';
     position:absolute;
     top:0; left:0;
     width:100%; height:100%;
-    background-image: radial-gradient(white 1px, transparent 1px);
-    background-size: 3px 3px;
+    background-image: radial-gradient(white 0.5px, transparent 0.5px);
+    background-size: 20px 20px;
+    opacity: 0.15;
     pointer-events:none;
-    animation: moveStars 60s linear infinite;
+    animation: moveStars 180s linear infinite;
     z-index:0;
 }}
 @keyframes moveStars {{
@@ -74,16 +74,20 @@ body::before {{
 }}
 
 .gradio-container {{
-    max-width:1600px; 
+    max-width:1900px;
     margin:auto; 
-    padding:20px; 
+    padding:20px;
     position:relative;
     z-index:1; /* above particle layer */
 }}
 
 .gr-row {{ display:flex; gap:20px; margin-top:20px; }}
+
+/* Editor 80% width, output 20% */
+#editor-container {{ flex:0.8; }}
+#output-panel {{ flex:0.2; }}
+
 .output-panel {{
-    flex:1; 
     background:#1e1e1e; 
     border-radius:8px; 
     box-shadow:0 4px 8px rgba(0,0,0,0.5); 
@@ -94,15 +98,16 @@ body::before {{
     white-space: pre-wrap; 
     overflow:auto;
 }}
+
 #editor-container .CodeMirror {{
-    flex:1;
     height:600px;
     border-radius:8px;
     font-family: monospace;
     font-size:14px;
-    white-space: pre-wrap; /* enable wrapping */
+    white-space: pre-wrap;
     overflow-wrap: break-word;
 }}
+
 .gr-radio {{ color:#e0e0e0; margin-bottom:16px; }}
 button, .gr-button {{ background-color:#F714C5 !important; color:#fff !important; border-radius:6px !important; padding:10px 20px !important; }}
 footer {{ display:none !important; }}
@@ -155,3 +160,4 @@ header img {{ vertical-align:middle; height:20px; margin-right:8px; }}
     render_button.click(run_code, inputs=[code_input, lang_selector], outputs=output_frame)
 
 demo.launch()
+