Update app.py

app.py

@@ -141,6 +141,11 @@ textarea {
 }
 
 /* ── Document List ───────────────────────────────── */
+.doc-list-container {
+    max-height: 380px;
+    overflow-y: auto;
+    padding-right: 4px;
+}
 .doc-list-container .gr-textbox {
     border-left: 3px solid #63b3ed !important;
     margin-bottom: 8px !important;
@@ -253,19 +258,26 @@ textarea {
     padding: 16px 20px;
     margin-top: 20px;
 }
+.citation-box summary {
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 14px;
+    color: #475569;
+}
 .citation-box pre {
     background: #1e293b !important;
     border-radius: 8px !important;
     padding: 14px !important;
-    font-size: 11.5px !important;
-    line-height: 1.6 !important;
+    margin-top: 10px !important;
+    font-size: 12px !important;
+    line-height: 1.7 !important;
     color: #e2e8f0 !important;
     overflow-x: auto;
 }
-.citation-box h3 {
-    font-size: 14px !important;
-    color: #64748b !important;
-    margin: 0 0 10px 0 !important;
+.citation-box pre code {
+    color: #e2e8f0 !important;
+    background: transparent !important;
+    font-family: 'Fira Code', 'Consolas', monospace !important;
 }
 
 /* ── Config Row (Instruction + ChunkSize + Example) */
@@ -510,9 +522,7 @@ with gr.Blocks(
     # ── Citation ──
     gr.HTML("""
     <details class="citation-box">
-        <summary style="cursor:pointer;font-weight:600;font-size:14px;color:#64748b;">
-            Cite this work
-        </summary>
+        <summary>Cite this work</summary>
         <pre><code>@misc{zhao2026kalmrerankerv1,
       title={KaLM-Reranker-V1: Fast but Not Late Interaction for Compressed Document Reranking},
       author={Xinping Zhao and Jiaxin Xu and Ziqi Dai and Xin Zhang and Shouzheng Huang