Update app.py

app.py

@@ -90,16 +90,16 @@ def formatted_number_input(title, hint, minval, maxval, defvalue, steps, valform
 st.markdown("""
 <style>
 .card {
-    background-color: #161b22;
-    border: 1px solid #30363d;
+    background-color: #0f141a;
+    border: 1px solid #2a2f36;
     border-radius: 12px;
-    padding: 1.25rem;
-    margin-bottom: 1rem;
+    padding: 18px;
+    margin-bottom: 20px;
 }
 .card-title {
-    font-size: 1.2rem;
+    font-size: 1.1rem;
     font-weight: 600;
-    margin-bottom: 0.75rem;
+    margin-bottom: 12px;
 }
 </style>
 """, unsafe_allow_html=True)
@@ -116,8 +116,10 @@ col_inputs, col_output = st.columns([3, 1.5])
 # update contnent (input) in left input column
 with col_inputs:
 
-    st.markdown('<div class="card"><div class="card-title">🧩 Engine Parameters</div>', unsafe_allow_html=True)
-    col_left, col_right = st.columns([1,1])
+    st.markdown('<div class="card">', unsafe_allow_html=True)
+    st.markdown('<div class="card-title">🔧 Engine Parameters</div>', unsafe_allow_html=True)
+    
+    col_left, col_right = st.columns(2)
 
     # define inputs in left column
     with col_left:
@@ -198,7 +200,8 @@ with col_inputs:
 
 with col_output:
 
-    st.markdown('<div class="card"><div class="card-title">🧠 Prediction Result</div>', unsafe_allow_html=True)
+    st.markdown('<div class="card">', unsafe_allow_html=True)
+    st.markdown('<div class="card-title">🧠 Prediction Result</div>', unsafe_allow_html=True)
     
     output_placeholder = st.empty()
     details_placeholder = st.empty()