Update app.py

app.py

@@ -142,7 +142,6 @@ def pdf_to_markdown(pdf_path: str) -> str:
                 page_text = page.extract_text() or ""
                 page_text = page_text.strip()
                 if page_text:
-                    # 페이지별 최대치 잘라서 사용
                     if len(page_text) > MAX_CONTENT_CHARS // max_pages:
                         page_text = page_text[:MAX_CONTENT_CHARS // max_pages] + "...(truncated)"
                     text_chunks.append(f"## Page {page_num+1}\n\n{page_text}\n")
@@ -278,7 +277,6 @@ def process_interleaved_images(message: dict) -> list[dict]:
         elif part.strip():
             content.append({"type": "text", "text": part.strip()})
         else:
-            # 빈 문자열도 content에 추가될 수 있으므로 필요한 경우 조정
             if isinstance(part, str) and part != "<image>":
                 content.append({"type": "text", "text": part})
     return content
@@ -331,7 +329,6 @@ def process_new_user_message(message: dict) -> list[dict]:
 
     if "<image>" in message["text"] and image_files:
         interleaved_content = process_interleaved_images({"text": message["text"], "files": image_files})
-        # 이미 text 본문에 <image>가 포함된 경우, 중복 처리를 피하기 위해 필요 시 조정
         if content_list and content_list[0]["type"] == "text":
             content_list = content_list[1:]
         return interleaved_content + content_list
@@ -570,40 +567,44 @@ examples = [
 # Gradio UI (Blocks) 구성 (좌측 사이드 메뉴 없이 전체화면 채팅)
 ##############################################################################
 css = """
-body {
-    background: linear-gradient(135deg, #667eea, #764ba2);
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    color: #333;
-    margin: 0;
-    padding: 0;
-}
+/* 1) UI를 처음부터 가장 넓게 (width 100%) 고정하여 표시 */
 .gradio-container {
     background: rgba(255, 255, 255, 0.95);
     border-radius: 15px;
     padding: 30px 40px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
-    margin: 40px auto;
-    max-width: 1200px;
-}
-.gradio-container h1 {
-    color: #333;
-    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+    margin: 20px auto;  /* 위아래 여백만 유지 */
+    width: 100% !important;
+    max-width: none !important; /* 1200px 제한 제거 */
 }
+
 .fillable {
-    width: 95% !important;
-    max-width: unset !important;
-}
-#examples_container {
-    margin: auto;
-    width: 90%;
+    width: 100% !important; 
+    max-width: 100% !important; 
 }
-#examples_row {
-    justify-content: center;
+
+/* 2) 배경을 연하고 투명한 파스텔 톤 그라디언트로 변경 */
+body {
+    background: linear-gradient(
+        135deg,
+        rgba(255, 229, 210, 0.6),
+        rgba(255, 240, 245, 0.6)
+    );
+    margin: 0;
+    padding: 0;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #333;
 }
+
+/* 버튼 색상도 기존의 짙은 붉은-주황 → 파스텔 계열로 연하게 */
 button, .btn {
-    background: linear-gradient(90deg, #ff8a00, #e52e71);
+    background: linear-gradient(
+        90deg,
+        rgba(255, 210, 220, 0.7),
+        rgba(255, 190, 200, 0.7)
+    ) !important;
     border: none;
-    color: #fff;
+    color: #333; /* 글자 잘 보이도록 약간 진한 글씨 */
     padding: 12px 24px;
     text-transform: uppercase;
     font-weight: bold;
@@ -612,8 +613,18 @@ button, .btn {
     cursor: pointer;
     transition: transform 0.2s ease-in-out;
 }
+
 button:hover, .btn:hover {
-    transform: scale(1.05);
+    transform: scale(1.03);
+}
+
+#examples_container {
+    margin: auto;
+    width: 90%;
+}
+
+#examples_row {
+    justify-content: center;
 }
 """
 
@@ -638,7 +649,7 @@ with gr.Blocks(css=css, title="Gemma3-R1945-27B") as demo:
     # 내부적으로 쓰이지만 화면에는 노출되지 않도록 설정
     system_prompt_box = gr.Textbox(
         lines=3,
-        value="You are a deep thinking AI, you may use extremely long chains of thought to deeply consider the problem and deliberate with yourself via systematic reasoning processes to help come to a correct solution prior to answering. You should enclose your thoughts and internal monologue inside tags, and then provide your solution or response to the problem. Please answer in Korean.You have the ability to read English sources, but you **must always speak in Korean**.Even if the search results are in English, answer in Korean.",
+        value="You are a deep thinking AI, you may use extremely long chains of thought to deeply consider the problem and deliberate with yourself via systematic reasoning processes to help come to a correct solution prior to answering. Please answer in Korean.You have the ability to read English sources, but you **must always speak in Korean**.Even if the search results are in English, answer in Korean.",
         visible=False  # 화면에서 감춤
     )
     
@@ -695,4 +706,4 @@ with gr.Blocks(css=css, title="Gemma3-R1945-27B") as demo:
 
 if __name__ == "__main__":
     # 로컬에서만 실행 시
-    demo.launch()
+    demo.launch()