Fix persistent screen shaking - disable Streamlit animations and stabilize layout

app.py

@@ -339,13 +339,15 @@ def run_streamlit():
         color: white;
     }
     
-    /* Result box */
+    /* Result box - fixed positioning to prevent shaking */
     .result-box {
         background: #1a1a1a;
         border-radius: 8px;
         padding: 30px;
         margin: 20px 0;
         text-align: center;
+        position: relative;
+        will-change: auto;
     }
     
     .result-pass {
@@ -368,12 +370,14 @@ def run_streamlit():
         font-weight: bold;
     }
     
-    /* Metrics row */
+    /* Metrics row - fixed positioning to prevent shaking */
     .metrics-row {
         display: flex;
         justify-content: center;
         gap: 40px;
         margin: 20px 0;
+        position: relative;
+        will-change: auto;
     }
     
     .metric {
@@ -438,6 +442,26 @@ def run_streamlit():
         /* Removed transform to prevent shaking */
     }
     
+    /* Prevent layout shifts and stabilize columns */
+    [data-testid="column"] {
+        transition: none !important;
+        transform: none !important;
+    }
+    
+    [data-testid="stHorizontalBlock"] {
+        transition: none !important;
+        transform: none !important;
+    }
+    
+    /* Disable all Streamlit element animations */
+    .stApp > div {
+        transition: none !important;
+    }
+    
+    div[data-testid="stDecoration"] {
+        display: none !important;
+    }
+    
     /* Hide Streamlit branding */
     #MainMenu {visibility: hidden;}
     footer {visibility: hidden;}
@@ -570,7 +594,7 @@ def run_streamlit():
                     label = f"Sample {idx + 1}"
                 
                 # Display in sidebar with improved layout
-                col1, col2 = st.columns([1, 2])
+                col1, col2 = st.columns([1, 2], gap="large")
                 with col1:
                     st.image(img_thumbnail, use_container_width=True)
                 with col2:
@@ -617,7 +641,7 @@ def run_streamlit():
             st.markdown("""
             <div class="section-header">Analysis Results</div>
             """, unsafe_allow_html=True)
-            col1, col2 = st.columns([1, 2])
+            col1, col2 = st.columns([1, 2], gap="large")
             with col1:
                 st.image(image, use_container_width=True)