Preview-vs-save flow, interactive recreate checkbox, top status message

app.py

@@ -353,6 +353,10 @@ input:not([type='checkbox']):not([type='radio']), textarea{border-radius:0 !impo
   -webkit-text-fill-color:var(--ink) !important;
   font-family:'Spline Sans Mono',monospace !important;}
 input::placeholder, textarea::placeholder{color:rgba(51,49,43,.45) !important;-webkit-text-fill-color:rgba(51,49,43,.45) !important;}
+/* Download (PNG) file row — force light bg + readable ink text in any theme */
+#cert-file, #cert-file *{background-color:#fff !important;color:var(--ink) !important;
+  -webkit-text-fill-color:var(--ink) !important;border-color:var(--ink) !important;fill:var(--ink) !important;}
+#cert-file a, #cert-file a *{color:var(--forest) !important;-webkit-text-fill-color:var(--forest) !important;}
 footer{display:none !important;}
 """
 
@@ -422,7 +426,7 @@ with gr.Blocks(title="Build Small — Certificate Generator") as demo:
 
         gr.HTML('<div class="bs-section">Your certificate</div>')
         certificate_image = gr.Image(label="Preview", type="filepath", interactive=False)
-        certificate_file = gr.File(label="Download (PNG)", interactive=False)
+        certificate_file = gr.File(label="Download (PNG)", interactive=False, elem_id="cert-file")
 
         gr.HTML('<div class="bs-section">Share</div>')
         linkedin_html = gr.HTML(render_linkedin_button(""))