Update app.py

app.py

@@ -29,4 +29,67 @@ commands = {
     # You can add up to 200 commands here
 }
 
+# App config
+st.set_page_config(page_title="AutoCAD Command Helper", layout="wide")
+
+# Custom style
+st.markdown("""
+    <style>
+        .stApp {
+            background-color: #e6f0ff;
+        }
+        .title {
+            font-size: 36px;
+            color: #003366;
+            text-align: center;
+            font-weight: bold;
+            margin-bottom: 30px;
+        }
+        .desc-box {
+            background-color: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+            margin-top: 20px;
+        }
+        .desc-title {
+            font-size: 24px;
+            color: #003366;
+            font-weight: bold;
+            margin-bottom: 10px;
+        }
+        .desc-text {
+            font-size: 16px;
+            color: #333333;
+        }
+        .desc-link a {
+            font-size: 15px;
+            color: #0077cc;
+            text-decoration: none;
+            font-weight: bold;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Title
+st.markdown('<div class="title">📘 AutoCAD Command Explorer</div>', unsafe_allow_html=True)
+
+# Layout: Dropdown on left, Description on right
+col1, col2 = st.columns([1, 2])
+
+with col1:
+    selected_cmd = st.selectbox("Choose an AutoCAD Command:", list(commands.keys()), index=0)
+
+with col2:
+    cmd_data = commands[selected_cmd]
+    st.markdown(f"""
+        <div class="desc-box">
+            <div class="desc-title">🛠️ {selected_cmd}</div>
+            <div class="desc-text">{cmd_data['description']}</div>
+            <div class="desc-link">
+                📺 <a href="{cmd_data['link']}" target="_blank">Watch Tutorial</a>
+            </div>
+        </div>
+    """, unsafe_allow_html=True)
+