Update app.py

app.py

@@ -24,7 +24,7 @@ def call_kgx3(title, email, pdf_file, agreement):
     # Build the Hugging Face Space file URL
     space_root = gr.get_current_space() or "https://your-space-name.hf.space"
     file_name  = pathlib.Path(pdf_path).name
-    file_url   = f"{space_root}/file={file_name}"
+    file_url = f"{gr.get_current_space()}/file={pathlib.Path(pdf_file.name).name}"
 
     headers = {"X-API-Key": API_KEY, "Content-Type": "application/json"}
     payload = {
@@ -47,50 +47,67 @@ def call_kgx3(title, email, pdf_file, agreement):
 
 
 # === STYLE (modern dark, clear contrast) ===
-NEON_CSS = """
-/* === GLOBAL === */
+FUTURE_CSS = """
+/* === UNIVERSAL BASE === */
 * {
   font-family: 'Courier New', monospace !important;
   color: #00ff99 !important;
   box-sizing: border-box;
 }
+
 body, .gradio-container {
   background-color: #000 !important;
   color: #00ff99 !important;
 }
 
-/* === TEXT ELEMENTS === */
+/* === HEADINGS & TEXT === */
 h1, h2, h3, label, .label {
   color: #00ff99 !important;
-  font-weight: 600 !important;
+  font-weight: 700 !important;
   text-transform: uppercase;
-  letter-spacing: 1px;
+  letter-spacing: 0.5px;
+  margin-bottom: 8px;
   border-bottom: 1px solid #00ff99;
-  margin-bottom: 6px;
   padding-bottom: 4px;
 }
-p, span, small { color: #00ff99 !important; }
+p, span, small, strong { color: #00ff99 !important; }
+::placeholder { color: #00ff99 !important; opacity: 0.7; }
+
+/* === PANELS & CONTAINERS === */
+.gr-box, .gr-panel {
+  background: #000 !important;
+  border: 1px solid #00ff99 !important;
+  border-radius: 8px;
+  padding: 12px;
+}
 
 /* === INPUTS & TEXTAREAS === */
-input, textarea {
+input, textarea, select {
   background: #000 !important;
   border: 1px solid #00ff99 !important;
   color: #00ff99 !important;
-  border-radius: 3px;
-  padding: 6px 8px !important;
+  border-radius: 4px;
+  padding: 8px !important;
+}
+input:focus, textarea:focus {
+  outline: none !important;
+  border: 1px solid #00ffcc !important;
+  background: #001a10 !important;
 }
-::placeholder { color: #00ff99 !important; opacity: 0.6; }
 
-/* === PDF UPLOAD BOX === */
+/* === FILE UPLOAD BOX === */
 .upload-box, .file-preview, .wrap-inner {
   background: #000 !important;
   border: 2px solid #00ff99 !important;
   border-radius: 6px !important;
-  padding: 8px !important;
-  height: 48px !important;
-  display: flex; align-items: center; justify-content: center;
+  padding: 10px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  transition: all 0.2s ease-in-out;
 }
 .upload-box:hover {
+  border-color: #00ffaa !important;
   background: #001a10 !important;
 }
 
@@ -100,46 +117,49 @@ button {
   color: #00ff99 !important;
   border: 2px solid #00ff99 !important;
   border-radius: 4px;
-  padding: 8px 16px !important;
-  font-weight: bold;
   text-transform: uppercase;
+  font-weight: 700;
+  padding: 8px 16px !important;
+  letter-spacing: 0.5px;
+  transition: all 0.15s ease-in-out;
 }
 button:hover {
   background: #00ff99 !important;
   color: #000 !important;
 }
 
-/* === OUTPUT / CODE AREA === */
+/* === CODE / OUTPUT BOX === */
 pre, code, .cm-editor, .cm-content, .cm-line {
   background: #000 !important;
   color: #00ff99 !important;
   border: 1px solid #00ff99 !important;
-  border-radius: 4px;
+  border-radius: 6px;
+  padding: 10px !important;
+  font-size: 0.9rem;
 }
 
-/* === PANELS === */
-.gr-box, .gr-panel {
-  border: 1px solid #00ff99 !important;
-  border-radius: 8px;
-  background: #000 !important;
-  padding: 12px;
+/* === CHECKBOX === */
+input[type=checkbox] {
+  accent-color: #00ff99 !important;
+  transform: scale(1.1);
 }
 
 /* === SCROLLBARS === */
 ::-webkit-scrollbar { width: 8px; background: #000; }
 ::-webkit-scrollbar-thumb { background: #00ff99; border-radius: 4px; }
 
-/* === CHECKBOX === */
-input[type=checkbox] {
-  accent-color: #00ff99 !important;
-  transform: scale(1.2);
+/* === FOOTER TEXT === */
+footer, .footer, small {
+  color: #00ff99 !important;
+  opacity: 0.8;
+  text-align: center;
+  letter-spacing: 0.4px;
 }
 """
 
 
-
 # === BUILD APP ===
-with gr.Blocks(css=NEON_CSS, title="Shared KGX3 API Endpoint") as demo:
+with gr.Blocks(css=FUTURE_CSS, title="Shared KGX3 API Endpoint") as demo:
     gr.Markdown(
         """
         # 🧠 **KGX3 Engine**