Upload streamlit_app.py

streamlit_app.py

@@ -1,5 +1,5 @@
-# streamlit_app.py — AI LightBox · Jewelry (Frontend v0.6.0, Jewelry-tuned UI)
-# Not: "Previews" kartlarının DOM/yapısı korunmuştur. Diğer tüm UI yeniden tasarlandı (mücevher odaklı).
+# streamlit_app.py — AI LightBox · Jewelry (Frontend · v0.6.0)
+# Not: "Previews" kartlarının yapısı korunmuştur. Diğer UI bölümleri jewelry uyumlu modern tasarımla güncellendi.
 import os, io, base64, zipfile, requests, streamlit as st
 from PIL import Image
 
@@ -7,14 +7,14 @@ from PIL import Image
 def apply_theme():
     THEME = {
         "base": "dark",
-        "primaryColor": "#ff7a1a",          # jewelry amber
-        "backgroundColor": "#0e0f12",       # obsidian
-        "secondaryBackgroundColor": "#15171c",
-        "panelBackgroundColor": "#1a1d23",  # velvet panel
+        "primaryColor": "#ff7a1a",            # jewelry orange
+        "backgroundColor": "#0e0f12",         # deep onyx
+        "secondaryBackgroundColor": "#14161b",# smoky quartz
         "textColor": "#e7eaee",
-        "mutedColor": "#98a2b3",
-        "outline": "rgba(255,255,255,0.06)",
-        "glow": "0 0 0 1px rgba(255,255,255,0.06) inset, 0 8px 24px rgba(255,122,26,0.10)",
+        "mutedColor": "#9aa1ab",
+        "cardOutline": "rgba(255,255,255,0.06)",
+        "accent2": "#ffd6b0",                 # soft amber
+        "accent3": "#2a2f3a",                 # hematite
     }
     try:
         st._config.set_option("theme.base", THEME["base"])
@@ -30,58 +30,102 @@ def apply_theme():
       :root {{
         --bg: {THEME["backgroundColor"]};
         --sb: {THEME["secondaryBackgroundColor"]};
-        --panel: {THEME["panelBackgroundColor"]};
         --text: {THEME["textColor"]};
         --muted: {THEME["mutedColor"]};
         --primary: {THEME["primaryColor"]};
-        --outline: {THEME["outline"]};
-        --glow: {THEME["glow"]};
+        --outline: {THEME["cardOutline"]};
+        --accent2: {THEME["accent2"]};
+        --accent3: {THEME["accent3"]};
       }}
-      html, body, .block-container {{ background: var(--bg) !important; color: var(--text) !important; }}
-      .stApp header {{ background: var(--bg) !important; }}
-
-      /* --- Jewelry Hero --- */
-      .j-hero {{
-        background: radial-gradient(1200px 400px at 10% -10%, rgba(255,122,26,0.10), transparent 60%),
-                    radial-gradient(800px 300px at 100% 0%, rgba(255,122,26,0.10), transparent 65%),
-                    linear-gradient(180deg, #111319, #0e0f12 40%);
-        border-radius: 16px; padding: 22px 20px; margin-bottom: 16px; box-shadow: var(--glow);
-        border: 1px solid rgba(255,255,255,0.04);
+
+      /* Background with subtle vignette */
+      .stApp {{
+        background:
+          radial-gradient(1200px 800px at 0% 0%, rgba(255,122,26,0.06), transparent 50%),
+          radial-gradient(1000px 700px at 100% 100%, rgba(255,122,26,0.04), transparent 50%),
+          var(--bg) !important;
+      }}
+      .block-container {{ padding-top: 1.25rem !important; }}
+
+      /* Headline hero */
+      .hero {{
+        padding: 16px 18px;
+        border-radius: 16px;
+        background: linear-gradient(180deg, rgba(255,122,26,0.12) 0%, rgba(255,122,26,0.06) 100%);
+        box-shadow: 0 0 0 1px rgba(255,122,26,0.18) inset, 0 6px 30px rgba(0,0,0,0.35);
+      }}
+      .hero h1 {{
+        margin: 0; padding: 0;
+        font-size: 1.4rem; line-height: 1.3; letter-spacing: .2px;
+        color: var(--accent2);
+      }}
+      .hero p {{ margin: 4px 0 0 0; color: var(--text); opacity:.9; }}
+
+      /* Panels (controls) */
+      .panel {{
+        background: linear-gradient(180deg, rgba(20,22,27,0.9) 0%, rgba(20,22,27,0.75) 100%);
+        border-radius: 16px;
+        padding: 14px 14px 8px 14px;
+        margin-top: 12px;
+        box-shadow: 0 0 0 1px var(--outline) inset, 0 10px 30px rgba(0,0,0,0.35);
+      }}
+      .panel h3 {{
+        margin: 0 0 10px 0; font-size: 1.05rem; font-weight: 700; color: var(--primary);
+        display: inline-flex; align-items: center; gap: 8px;
+      }}
+      .chipbar {{ display:flex; flex-wrap: wrap; gap:8px; margin:6px 0 2px 0; }}
+      .chip {{
+        display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
+        background: rgba(255,122,26,0.10); color: var(--accent2); border: 1px solid rgba(255,122,26,0.25);
+        font-size:.85rem; font-weight:600; letter-spacing:.2px;
+      }}
+      .chip .dot {{ width:8px; height:8px; border-radius:50%; background:#2ee06b; box-shadow:0 0 0 2px rgba(46,224,107,0.15); }}
+      .chip.muted {{ background: rgba(154,161,171,0.10); color: var(--text); border-color: rgba(154,161,171,0.25); }}
+      .chip.badge {{ background: rgba(42,47,58,0.9); color: var(--text); border-color: rgba(255,255,255,0.08); }}
+
+      /* Make labels and captions jewelry-orange */
+      label, [data-testid="stWidgetLabel"] p, .lb-card-title, h2, h3, .stCaption, .stMarkdown > p {{
+        color: var(--primary) !important;
+      }}
+
+      /* Buttons */
+      .stButton > button {{
+        background: var(--primary) !important; color: #101215 !important; font-weight: 800;
+        border: none; border-radius: 12px; padding: .55rem .9rem;
+        box-shadow: 0 0 0 1px #00000033 inset, 0 8px 18px rgba(255,122,26,0.25);
+        transition: transform .08s ease;
+      }}
+      .stButton > button:hover {{ filter: brightness(1.06); transform: translateY(-1px); }}
+      .stDownloadButton > button {{
+        background: transparent !important; color: var(--primary) !important;
+        border: 1px solid var(--primary); border-radius: 12px; font-weight:700;
       }}
-      .j-title {{ font-weight:800; font-size: 1.35rem; color: var(--primary); letter-spacing: .3px; }}
-      .j-sub   {{ color: var(--muted); margin-top: 4px; }}
+      .stDownloadButton > button:hover {{ filter: brightness(1.1); }}
 
-      /* --- Section Card (all non-Preview panels) --- */
-      .j-card {{
-        background: var(--panel); border-radius: 14px; padding: 14px 14px 12px 14px;
-        border: 1px solid rgba(255,255,255,0.05); box-shadow: var(--glow); margin-bottom: 10px;
+      /* Inputs look crisper on dark */
+      .stTextInput, .stNumberInput, .stSelectbox, .stFileUploader, .stCheckbox, .stSlider, .stRadio {{
+        background: var(--accent3) !important; border-radius: 12px !important;
+        box-shadow: 0 0 0 1px var(--outline) inset !important; padding: 6px 8px !important;
       }}
-      .j-head {{
-        display:flex; align-items:center; gap:10px; margin-bottom: 10px;
-        color: var(--primary); font-weight: 700; font-size: 1.0rem;
+      [data-testid="stFileUploaderDropzone"] {{
+        background: rgba(42,47,58,0.6); border: 1px dashed rgba(255,255,255,0.15); border-radius: 12px;
       }}
-      .j-chip {{
-        display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius: 999px;
-        background: rgba(255,122,26,0.10); color: var(--primary);
-        border: 1px solid rgba(255,122,26,0.35); font-weight: 600; font-size: .85rem;
+
+      /* Alerts -> on-brand */
+      .stAlert, .stAlert p, .stAlert span {{
+        color: var(--accent2) !important; background: rgba(255,122,26,0.08) !important;
+        border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,122,26,0.25) inset;
       }}
 
-      /* --- Form cosmetics --- */
-      label, [data-testid="stWidgetLabel"] p {{ color: var(--primary) !important; font-weight: 600; }}
-      .stAlert, .stAlert p {{ color: var(--primary) !important; background: var(--panel) !important; border-radius: 12px; }}
-      .stButton > button {{ background: var(--primary) !important; color: #0b0c10 !important; font-weight: 800;
-        border: 0; border-radius: 12px; padding: 10px 14px; box-shadow: 0 6px 20px rgba(255,122,26,0.18); }}
-      .stButton > button:hover {{ filter: brightness(1.07); }}
-      .stDownloadButton > button {{ background: transparent !important; color: var(--primary) !important;
-        border: 1px solid var(--primary); border-radius: 12px; }}
-      .stCaption, .stMarkdown p small {{ color: var(--primary) !important; }}
-
-      /* --- Divider --- */
-      .j-divider {{ height: 1px; background: linear-gradient(90deg, transparent, rgba(255,122,26,0.7), transparent);
-        margin: 12px 0 2px 0; }}
-
-      /* Keep PREVIEW cards intact; only adjust titles color via class used below */
-      .lb-card-title {{ color: var(--primary); font-weight: 800; }}
+      /* ---- Previews cards (UNCHANGED structure) ---- */
+      .lb-card-title {{
+        font-weight:700; font-size:1.15rem; margin:0 0 8px 0; color: var(--primary);
+      }}
+      .lb-frame {{
+        border-radius: 12px; overflow: hidden; background: var(--sb);
+        display:flex; align-items:center; justify-content:center;
+        box-shadow: 0 0 0 1px var(--outline) inset;
+      }}
     </style>
     """, unsafe_allow_html=True)
 
@@ -215,16 +259,19 @@ def inject_preview_css(aspect: str, fit_mode="contain"):
     st.markdown(f"""
     <style>
       .lb-card-title {{
-        font-weight:800; font-size:1.05rem; margin:0 0 8px 0; color: var(--primary);
+        font-weight:700; font-size:1.15rem; margin:0 0 8px 0; color: var(--primary);
       }}
       .lb-frame {{
         position: relative; width: 100%;
         aspect-ratio: {aw} / {ah};
-        border-radius: 12px; overflow: hidden; background: #fff;  /* Previews kartlarını aynen bırak */
+        border-radius: 12px; overflow: hidden; background: var(--sb);
         display:flex; align-items:center; justify-content:center;
-        box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset;
+        box-shadow: 0 0 0 1px var(--outline) inset;
+      }}
+      .lb-frame img {{
+        width:100%; height:100%; object-fit:{fit_mode};
+        display:block;
       }}
-      .lb-frame img {{ width:100%; height:100%; object-fit:{fit_mode}; display:block; }}
       .lb-video {{ display:flex; justify-content:center; }}
       .lb-video video {{ border-radius:8px; max-width: 540px; width:100%; height:auto; }}
     </style>
@@ -268,122 +315,108 @@ def show_tile_card_display_download(
 
     return display_url or "data", native
 
-# ======================= Local demo =======================
-def load_local_demo():
-    demo = {}
-    for fname in ["input.jpg", "packshot.jpg", "model.jpg", "tryon.mp4"]:
-        if os.path.exists(fname):
-            with open(fname, "rb") as f: demo[fname] = f.read()
-    return demo
-
-demo_files = load_local_demo()
-
-# ======================= PAGE =======================
-st.set_page_config(page_title="AI LightBox · Jewelry", layout="wide", page_icon="💎")
-
-# --- HERO ---
+# ======================= Hero =======================
 st.markdown("""
-<div class="j-hero">
-  <div class="j-title">💎 AI LightBox · Jewelry</div>
-  <div class="j-sub">Upload. Try-on. Download. — Packshot & Model compositing optimized for jewelry.</div>
-  <div class="j-divider"></div>
+<div class="hero">
+  <h1>💎 AI LightBox · Jewelry Studio</h1>
+  <p>Product packshot, mannequin placement ve kısa video — tek akışta.</p>
 </div>
 """, unsafe_allow_html=True)
 
+# ======================= Page =======================
+st.set_page_config(page_title="AI LightBox · Jewelry", layout="wide", page_icon="💎")
 ok = backend_ok()
-use_rmbg = (st.session_state["health"].get("use_rmbg") if isinstance(st.session_state["health"], dict) else None) or "unknown"
+use_rmbg = (st.session_state["health"].get("use_rmbg") if isinstance(st.session_state["health"], dict) else None) or "—"
 version = st.session_state["health"].get("version", "—")
 
-# --- Top Status Chips ---
-c0, c1, c2, c3 = st.columns([1.1, 1.1, 1.1, 3.7])
-with c0: st.markdown(f'<div class="j-chip">🔌 Connection: {"Online" if ok else "Offline"}</div>', unsafe_allow_html=True)
-with c1: st.markdown(f'<div class="j-chip">🧠 Backend v{version}</div>', unsafe_allow_html=True)
-with c2: st.markdown(f'<div class="j-chip">🪄 RMBG: {use_rmbg}</div>', unsafe_allow_html=True)
-
-# --- Panels (do NOT touch Previews section later) ---
-left, right = st.columns([1.15, 1.0])
-
-with left:
-    # INPUT PANEL
-    st.markdown('<div class="j-card"><div class="j-head">📥 Product Input</div>', unsafe_allow_html=True)
-    col1, col2 = st.columns([1.4, 1.1])
-    with col1:
-        file_list = st.file_uploader("Product Image (Upload)", type=["jpg","jpeg","png","webp"], accept_multiple_files=True, key="file_upl")
-    with col2:
-        image_url = st.text_input("Or URL", key="image_url")
-    st.markdown('</div>', unsafe_allow_html=True)
-
-    # CANVAS PANEL
-    st.markdown('<div class="j-card"><div class="j-head">🖼️ Canvas / Preview</div>', unsafe_allow_html=True)
-    colT1, colT2, colT3 = st.columns([1.0, 1.0, 1.0])
-    with colT1:
-        preview_aspect = st.selectbox("Preview Frame Ratio", ASPECT_OPTIONS, index=0, key="preview_aspect")
-    with colT2:
-        preview_long_edge = st.number_input("Preview Long Edge (px)", min_value=256, max_value=8192, value=1920, step=64, key="preview_long_edge")
-    with colT3:
-        fit_mode = st.selectbox("Preview Layout", ["fit","fill"], index=0, help="Sadece önizlemeyi etkiler.", key="fit_mode")
-    st.markdown('</div>', unsafe_allow_html=True)
-
-    # ACTION PANEL
-    st.markdown('<div class="j-card"><div class="j-head">🚀 Generate</div>', unsafe_allow_html=True)
-    colA, colB, colC = st.columns([1.2, 1.2, 1.0])
-    with colA:
-        run = st.button("Run 💎", type="primary", use_container_width=True, key="run_btn")
-    with colB:
-        st.caption("Tip: First run will warm up models.")
-    with colC:
-        st.caption("All outputs served from /outputs/*")
-    st.markdown('</div>', unsafe_allow_html=True)
-
-with right:
-    # PRODUCT/GENERATION PANEL
-    st.markdown('<div class="j-card"><div class="j-head">⚙️ Product · Generation</div>', unsafe_allow_html=True)
-    col3, col4 = st.columns([1.0, 1.0])
-    with col3:
-        jewel_type = st.selectbox("Type", ["auto","earring","ring","necklace","bracelet","pendant","brooch","set","watch"], index=0, key="jewel_type")
-        preview_ratio = st.number_input("Preview Scale (0.10–0.99)", min_value=0.10, max_value=0.99, value=0.50, step=0.01,
-                                        help="Sadece önizleme kadrajında büyüklüğü etkiler.", key="preview_ratio")
-        identity_lock = st.checkbox("Identity lock", True, key="identity_lock")
-    with col4:
-        upscale = st.checkbox("Super Res", False, key="upscale")
-        upscale_stage = st.selectbox("SR Step", ["both","final","packshot"], index=0, help="Varsayılan: both", key="upscale_stage")
-        upscale_factor = st.selectbox("SR Factor", ["2","4"], index=0, key="upscale_factor")
-    st.markdown('<div class="j-divider"></div>', unsafe_allow_html=True)
-    col5, col6, col7 = st.columns([1.0, 1.0, 1.0])
-    with col5:
-        to_video = st.checkbox("One Click Generate Video", False, key="to_video")
-    with col6:
-        duration = st.selectbox("Duration ", VIDEO_DUR_OPTIONS, index=0, key="duration_sel")
-    with col7:
-        resolution = st.selectbox("Video Res", VIDEO_RES_OPTIONS, index=1, key="resolution_sel")
-    st.markdown('</div>', unsafe_allow_html=True)
-
-# Inject CSS for PREVIEW CARDS ONLY (structure intact)
-inject_preview_css(preview_aspect, fit_mode="contain" if fit_mode=="fit" else "cover")
+# -------- Status chips (compact) --------
+st.markdown(f"""
+<div class="chipbar">
+  <div class="chip"><span class="dot"></span>{'Online' if ok else 'Offline'}</div>
+  <div class="chip badge">Backend v{version}</div>
+  <div class="chip muted">RMBG: {use_rmbg}</div>
+</div>
+""", unsafe_allow_html=True)
 
-# ======================= PRE-RUN PREVIEWS (UNCHANGED LAYOUT) =======================
+# -------- Panels: Inputs · Studio Controls · Video --------
+st.markdown('<div class="panel"> <h3>🧰 Inputs</h3>', unsafe_allow_html=True)
+col1, col2, col3 = st.columns([1.6, 1.6, 1.0])
+with col1:
+    file_list = st.file_uploader("Product Image (Upload)", type=["jpg","jpeg","png","webp"], accept_multiple_files=True, key="file_upl")
+with col2:
+    image_url = st.text_input("Or URL", key="image_url")
+with col3:
+    jewel_type = st.selectbox("Type", ["auto","earring","ring","necklace","bracelet","pendant","brooch","set","watch"], index=0, key="jewel_type")
+st.markdown('</div>', unsafe_allow_html=True)
+
+st.markdown('<div class="panel"> <h3>🪄 Studio Controls</h3>', unsafe_allow_html=True)
+colS1, colS2, colS3, colS4 = st.columns([1.1, 1.1, 1.1, 1.1])
+with colS1:
+    preview_ratio = st.number_input("Preview Scale (0.10–0.99)", min_value=0.10, max_value=0.99, value=0.50, step=0.01,
+                                    help="Sadece önizleme kadrajında büyüklüğü etkiler.", key="preview_ratio")
+with colS2:
+    preview_aspect = st.selectbox("Preview Frame Ratio", ASPECT_OPTIONS, index=0, key="preview_aspect")
+with colS3:
+    preview_long_edge = st.number_input("Preview Long Edge (px)", min_value=256, max_value=8192, value=1920, step=64, key="preview_long_edge")
+with colS4:
+    fit_mode = st.selectbox("Preview Layout", ["fit","fill"], index=0, help="Sadece önizlemeyi etkiler.", key="fit_mode")
+
+colS5, colS6, colS7, colS8 = st.columns([1.0, 1.0, 1.0, 1.0])
+with colS5:
+    upscale = st.checkbox("Super Res", False, key="upscale")
+with colS6:
+    upscale_stage = st.selectbox("SR Step", ["both","final","packshot"], index=0, help="Varsayılan: both", key="upscale_stage")
+with colS7:
+    upscale_factor = st.selectbox("SR Factor", ["2","4"], index=0, key="upscale_factor")
+with colS8:
+    identity_lock = st.checkbox("Identity lock", True, key="identity_lock")
+st.markdown('</div>', unsafe_allow_html=True)
+
+st.markdown('<div class="panel"> <h3>🎬 Video</h3>', unsafe_allow_html=True)
+colV1, colV2, colV3, colV4 = st.columns([1.0, 1.0, 1.0, 1.0])
+with colV1:
+    to_video = st.checkbox("One Click Generate Video", False, key="to_video")
+with colV2:
+    duration = st.selectbox("Duration ", VIDEO_DUR_OPTIONS, index=0, key="duration_sel")
+with colV3:
+    resolution = st.selectbox("Video Res", VIDEO_RES_OPTIONS, index=1, key="resolution_sel")
+with colV4:
+    run = st.button("Run 💎", type="primary", use_container_width=True, key="run_btn")
+st.markdown('</div>', unsafe_allow_html=True)
+
+# Inject CSS for preview frames (kept as is)
+inject_preview_css(st.session_state.get("preview_aspect","9:16"),
+                   fit_mode="contain" if st.session_state.get("fit_mode","fit")=="fit" else "cover")
+
+# ======================= PREVIEWS (UNCHANGED STRUCTURE) =======================
 st.subheader("Previews")
 col_in, col_pack, col_pad, col_vid = st.columns(4)
 
-# Input bytes
 input_bytes = None
 if file_list:
     try: input_bytes = file_list[0].getvalue()
     except Exception: input_bytes = None
 elif image_url:
     input_bytes = fetch_bytes(image_url)
-elif demo_files.get("input.jpg"):
-    input_bytes = demo_files["input.jpg"]
+else:
+    demo = "input.jpg"
+    if os.path.exists(demo):
+        with open(demo, "rb") as f: input_bytes = f.read()
 
 show_tile_card_display_download(
     col_in, "Sample Input preview",
-    display_bytes=input_bytes if input_bytes else demo_files.get("input.jpg"),
-    download_bytes=input_bytes if input_bytes else demo_files.get("input.jpg"),
+    display_bytes=input_bytes,
+    download_bytes=input_bytes,
     filename_stub="input", key_prefix="pre"
 )
 
-# Packshot preview (demo dosyası varsa; yoksa input)
-pack_bytes_demo = demo_files.get("packshot.jpg") or input_bytes
+pack_bytes_demo = None
+demo_pack = "packshot.jpg"
+if os.path.exists(demo_pack):
+    with open(demo_pack, "rb") as f: pack_bytes_demo = f.read()
+if not pack_bytes_demo:
+    pack_bytes_demo = input_bytes
+
 show_tile_card_display_download(
     col_pack, "Sample Packshot (BG Removed)",
     display_bytes=pack_bytes_demo,
@@ -391,19 +424,18 @@ show_tile_card_display_download(
     filename_stub="packshot", key_prefix="pre"
 )
 
-# Padded preview (UI-only)
 padded_bytes = None
 if pack_bytes_demo:
     try:
         im = Image.open(io.BytesIO(pack_bytes_demo)).convert("RGBA")
-        aw, ah = (lambda s: (int(s.split(":")[0]), int(s.split(":")[1])))(preview_aspect)
+        aw, ah = (lambda s: (int(s.split(":")[0]), int(s.split(":")[1])))(st.session_state.get("preview_aspect","9:16"))
         if aw >= ah:
-            W = int(preview_long_edge); H = max(1, int(W * ah / aw))
+            W = int(st.session_state.get("preview_long_edge", 1920)); H = max(1, int(W * ah / aw))
         else:
-            H = int(preview_long_edge); W = max(1, int(H * aw / ah))
-        ratio = max(0.10, min(0.99, float(preview_ratio)))
+            H = int(st.session_state.get("preview_long_edge", 1920)); W = max(1, int(H * aw / ah))
+        ratio_val = max(0.10, min(0.99, float(st.session_state.get("preview_ratio", 0.5))))
         w, h = im.size
-        target = int(min(W, H) * ratio if aw == ah else (H * ratio if aw < ah else W * ratio))
+        target = int(min(W, H) * ratio_val if aw == ah else (H * ratio_val if aw < ah else W * ratio_val))
         if w >= h: new_w, new_h = target, max(1, int(h * (target / max(1, w))))
         else:      new_h, new_w = target, max(1, int(w * (target / max(1, h))))
         im_resized = im.resize((new_w, new_h), Image.LANCZOS)
@@ -421,8 +453,10 @@ show_tile_card_display_download(
     filename_stub="padded_ui", key_prefix="pre"
 )
 
-# Video preview (loop; yerel tryon.mp4 varsa)
-vid_demo = demo_files.get("tryon.mp4")
+vid_demo = None
+demo_vid = "tryon.mp4"
+if os.path.exists(demo_vid):
+    with open(demo_vid, "rb") as f: vid_demo = f.read()
 col_vid.markdown('<div class="lb-card-title">AI Generated Video Preview</div>', unsafe_allow_html=True)
 if vid_demo:
     data_url = "data:video/mp4;base64," + base64.b64encode(vid_demo).decode("ascii")
@@ -443,8 +477,8 @@ else:
 # ======================= RUN =======================
 if run:
     if not ok:
-        st.error("Backend erişilemiyor. API_BASE / TOKEN kontrol edin.")
-    elif not (file_list or image_url or demo_files.get("input.jpg")):
+        st.error("Bağlantı sorunu. API_BASE / TOKEN kontrol edin.")
+    elif not (file_list or image_url or input_bytes):
         st.error("En az bir görsel girişi yapın (dosya yükle veya URL).")
     else:
         try:
@@ -456,21 +490,18 @@ if run:
 
             data = {
                 "category": st.session_state.get("jewel_type","auto"),
-                "edit_prompt": "",  # backend normalize ediyor
+                "edit_prompt": "",
                 "num_images": "1",
                 "image_urls": img_urls,
                 "mannequin_image_url": "",
                 "identity_lock": "true" if st.session_state.get("identity_lock", True) else "false",
-                # Preview/Pad controls
                 "preview_aspect": st.session_state.get("preview_aspect","9:16"),
                 "preview_long_edge": str(int(st.session_state.get("preview_long_edge", 1920))),
                 "preview_ratio": str(float(st.session_state.get("preview_ratio", 0.5))),
-                "padding_ratio": str(float(st.session_state.get("preview_ratio", 0.5))),  # backward-compat
-                # SR
+                "padding_ratio": str(float(st.session_state.get("preview_ratio", 0.5))),
                 "upscale": "true" if st.session_state.get("upscale", False) else "false",
                 "upscale_factor": st.session_state.get("upscale_factor","2"),
                 "upscale_stage": st.session_state.get("upscale_stage","both"),
-                # Video (optional inside chain)
                 "to_video": "true" if st.session_state.get("to_video", False) else "false",
                 "video_prompt": "",
                 "duration": st.session_state.get("duration_sel", VIDEO_DUR_OPTIONS[0]),
@@ -478,18 +509,16 @@ if run:
                 "prompt_optimizer": "false",
             }
 
-            with st.spinner("AI Chain Running…"):
+            with st.spinner("AI chain çalışıyor…"):
                 out = post_chain(data, files_payload if files_payload else None)
 
             st.session_state["job_counter"] += 1
 
-            # Parse outputs (v0.6.0)
             pack_native_url = (out.get("packshot_step", {}).get("result", {}).get("images_native") or [{}])[0].get("url")
             padded_native_url = (out.get("packshot_step", {}).get("result", {}).get("padded_native") or [{}])[0].get("url")
             placed_native_url = (out.get("image_step", {}).get("result", {}).get("images_native") or [{}])[0].get("url")
             vurl = (out.get("video_step") or {}).get("result", {}).get("video", {}).get("url")
 
-            # DISPLAY small JPGs (dark-friendly)
             pack_display_jpeg = None
             if pack_native_url:
                 pn = fetch_bytes(pack_native_url)
@@ -527,7 +556,7 @@ if run:
 res = st.session_state.get("results")
 vbytes = None
 if res:
-    st.markdown('<div class="j-card"><div class="j-head">📦 Product Results</div>', unsafe_allow_html=True)
+    st.markdown('<div class="panel"><h3>🧾 Product Results</h3>', unsafe_allow_html=True)
     c_pack, c_pad, c_model, c_vid = st.columns(4)
 
     show_tile_card_display_download(
@@ -588,13 +617,12 @@ if res:
                 vurl2 = (v.get("result") or {}).get("video", {}).get("url")
                 if vurl2:
                     st.session_state["results"]["video_url"] = vurl2
-                    st.success("Video is Ready!.")
+                    st.success("Video hazır.")
                 else:
                     st.info("Video URL gelmedi.")
     st.markdown('</div>', unsafe_allow_html=True)
 
-    # ZIP bundle
-    st.markdown('<div class="j-card"><div class="j-head">📦 Export</div>', unsafe_allow_html=True)
+    # Bundle ZIP
     named = []
     pn = fetch_bytes(res.get("packshot_native_url")) if res.get("packshot_native_url") else None
     mn = fetch_bytes(res.get("placed_native_url")) if res.get("placed_native_url") else None
@@ -610,13 +638,12 @@ if res:
         st.download_button("Download All (ZIP)", data=buf.read(),
                            file_name="ai_lightbox_outputs.zip", mime="application/zip",
                            key=f"job{st.session_state['job_counter']}_zip_dl")
-    st.markdown('</div>', unsafe_allow_html=True)
 
-# ======================= Sidebar =======================
+# ======================= Sidebar (compact) =======================
 with st.sidebar:
+    st.markdown("### ⚙️ Studio Settings")
     st.caption(f"API_BASE: {API_BASE}")
     if HF_TOKEN: st.caption("Auth: Bearer (aktif)")
-    st.caption(f"Backend RMBG policy: {use_rmbg}")
     st.slider("Video önizleme genişliği (px)", 360, 1080, st.session_state["video_ui_max_px"],
               step=10, key="video_ui_max_px")
     if st.button("Önbelleği temizle"): st.cache_data.clear(); st.success("Önbellek temizlendi.")