Update app.py

app.py

@@ -1,7 +1,6 @@
 import spaces
 import time
 import os
-import tempfile
 
 # ONNX Runtime CUDA provider 시도 (효과 없더라도 무해)
 os.environ.setdefault("INSIGHTFACE_ONNX_PROVIDERS", "CUDAExecutionProvider,CPUExecutionProvider")
@@ -206,22 +205,37 @@ def generate_image(
 
 
 def create_demo(args, model_name: str, device: str = "cuda" if torch.cuda.is_available() else "cpu", offload: bool = False):
+    # 화면 상단이 가려지는 문제를 강하게 완화하는 전역 CSS
     custom_css = """
-    /* 상단에 패딩을 강제해 HF 툴바/노치와 겹침 방지 */
-    :root { scroll-padding-top: 72px; }
-    html, body { padding-top: env(safe-area-inset-top); }
-    .gradio-container { padding-top: 16px !important; overflow: visible !important; }
+    :root{
+      /* 기본 HF 상단 툴바 높이 추정치 (환경에 따라 56~84px) */
+      --hf-header-offset: 72px;
+      --safe-top: env(safe-area-inset-top, 0px);
+      --top-offset: calc(var(--hf-header-offset) + var(--safe-top));
+    }
+    html, body, #root, .gradio-container{
+      margin: 0 !important;
+      padding-top: var(--top-offset) !important;   /* 고정 헤더에 가리지 않도록 상단 여백 */
+      overflow: visible !important;
+      position: relative;                          /* 쌓임 맥락 보장 */
+      z-index: 0;
+    }
+    /* 내부 앵커/자동 스크롤 시에도 헤더에 가려지지 않도록 */
+    :root { scroll-margin-top: var(--top-offset); scroll-padding-top: var(--top-offset); }
+
     /* 상단 배지 영역이 다른 요소 뒤로 깔리지 않도록 */
-    #top-badges { position: relative; z-index: 3; }
-    /* 모바일에서 상단 요소 잘림 방지 */
-    @media (max-width: 640px) {
-      .gradio-container { padding-top: 20px !important; }
+    #top-badges { position: relative; z-index: 2; margin-top: 0 !important; }
+
+    /* 모바일에서 헤더가 더 높게 잡히는 경우 여유를 더 준다 */
+    @media (max-width: 768px){
+      :root{ --hf-header-offset: 82px; }
+      .gradio-container { padding-top: calc(var(--top-offset) + 6px) !important; }
     }
     """
 
     with gr.Blocks(theme="soft", css=custom_css) as demo:
-        # 최상단 여백 확보용 스페이서 (툴바가 가리는 환경 대비)
-        gr.HTML("<div style='height: 12px;'></div>")
+        # 최상단 여백 확보용 스페이서 (브라우저/기기별 상단 고정 바 대응)
+        gr.HTML("<div id='top-spacer' style='height: 0;'></div>")
         gr.HTML(
             """
             <div id="top-badges" class='container' style='display:flex; justify-content:center; gap:12px; margin-top:0;'>
@@ -351,6 +365,4 @@ if __name__ == "__main__":
         huggingface_hub.login(hf_token)
 
     demo = create_demo(args, args.name, args.device, args.offload)
-    # SSR 비활성화: 렌더 안정화
     demo.launch(ssr_mode=False)
-