Update app.py

app.py

@@ -314,25 +314,65 @@ css = """
 footer {visibility: hidden;}
 
 #status_area {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    background: white;
-    padding: 20px;
-    border-bottom: 2px solid #eee;
-    z-index: 1000;
+    background: rgba(255, 255, 255, 0.9);  /* 약간 투명한 흰색 배경 */
+    padding: 15px;
+    border-bottom: 1px solid #ddd;
     margin-bottom: 20px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);  /* 부드러운 그림자 효과 */
 }
 
 #results_area {
-    margin-top: 150px;  /* status_area의 높이만큼 여백 추가 */
-    padding: 20px;
+    padding: 10px;
+    margin-top: 10px;
+}
+
+/* 탭 스타일 개선 */
+.tabs {
+    border-bottom: 2px solid #ddd !important;
+    margin-bottom: 20px !important;
+}
+
+.tab-nav {
+    border-bottom: none !important;
+    margin-bottom: 0 !important;
+}
+
+.tab-nav button {
+    font-weight: bold !important;
+    padding: 10px 20px !important;
+}
+
+.tab-nav button.selected {
+    border-bottom: 2px solid #1f77b4 !important;  /* 선택된 탭 강조 */
+    color: #1f77b4 !important;
+}
+
+/* 검색 상태 메시지 스타일 */
+#status_area .markdown-text {
+    font-size: 1.1em;
+    color: #2c3e50;
+    padding: 10px 0;
+}
+
+/* 검색 결과 컨테이너 스타일 */
+.group {
+    border: 1px solid #eee;
+    padding: 15px;
+    margin-bottom: 15px;
+    border-radius: 5px;
+    background: white;
+}
+
+/* 검색 버튼 스타일 */
+.primary-btn {
+    background: #1f77b4 !important;
+    border: none !important;
 }
 
-/* 프로그레스바 중복 출력 방지 */
-.progress-container:not(:first-child) {
-    display: none !important;
+/* 검색어 입력창 스타일 */
+.textbox {
+    border: 1px solid #ddd !important;
+    border-radius: 4px !important;
 }
 """