Update app.py

app.py

@@ -62,12 +62,25 @@ css = """
 /* ── reset & base ── */
 *, *::before, *::after { box-sizing: border-box; }
 
+html, body {
+    width: 100% !important;
+    overflow-x: hidden !important;
+}
+
 .gradio-container {
+    min-width: unset !important;
+    width: 100% !important;
     max-width: 960px !important;
     margin: 0 auto !important;
     padding: 0 12px !important;
 }
 
+/* paksa semua elemen tidak overflow */
+.block, .form, .panel {
+    min-width: unset !important;
+    width: 100% !important;
+}
+
 footer { display: none !important; }
 
 /* ── title block ── */
@@ -103,7 +116,7 @@ footer { display: none !important; }
     min-width: 0;
 }
 
-/* ── stats row: wrap gracefully ── */
+/* ── stats row ── */
 .stats-row {
     display: flex;
     flex-wrap: wrap;
@@ -133,7 +146,7 @@ button.primary {
     padding: 10px 16px !important;
 }
 
-/* ── number/textbox labels: prevent overflow ── */
+/* ── labels: prevent overflow ── */
 label span {
     white-space: normal !important;
     word-break: break-word !important;
@@ -172,13 +185,13 @@ label span {
     font-size: clamp(14px, 3vw, 18px) !important;
 }
 
-/* ── image components: full width on mobile ── */
+/* ── image components ── */
 .gr-image img {
     max-width: 100% !important;
     height: auto !important;
 }
 
-/* small screens: compact spacing */
+/* ── small screens ── */
 @media (max-width: 480px) {
     .gradio-container {
         padding: 0 8px !important;