Update app.py

app.py

@@ -80,20 +80,26 @@ preview_dpi = st.sidebar.slider("Amerkid n Uskan (DPI)", min_value=150, max_valu
 st.markdown(
     f"""
     <style>
-    /* Target the text area where the OCR text is edited */
+    /* --- Text Area Styling --- */
+    /* Target the main text area input field */
     textarea[data-testid="stText"] {{
         font-size: {font_size}px;
-        color: #000000; /* Set text color to black for better visibility */
+        color: #000000 !important; /* Force black text */
+        background-color: #FFFFFF !important; /* Force white background */
         line-height: 1.5; /* Improve readability with line spacing */
     }}
-
-    /* Target the text inside the download button preview or other standard text elements if needed */
+    /* Target the text area inside stTextArea component */
     .stTextArea textarea {{
         font-size: {font_size}px;
-        color: #000000; /* Set text color to black */
+        color: #000000 !important; /* Force black text */
+        background-color: #FFFFFF !important; /* Force white background */
+        line-height: 1.5;
     }}
-
-    /* Target images specifically within that first column's content div */
+    /* Target the container of the text area for potential background issues */
+    .stTextArea > div > div {{
+        background-color: #FFFFFF !important; /* Ensure container background is white */
+    }}
+    /* --- Image Styling (Kept as is) --- */
     section[data-testid="stSidebar"] ~ div > div:has(div[data-testid="stColumn"] > div:nth-child(1)) > div:nth-child(1) img {{
         max-width: 100%; /* Ensures image doesn't exceed the column width */
         height: auto;    /* Maintains aspect ratio when width is constrained */