redesign: circuit+cost top row, input+encoded bottom row

app.py

@@ -356,8 +356,7 @@ Framework-agnostic: export to Qiskit, PennyLane, Cirq, TKET, Braket, Q#, IQM, or
             with gr.Row():
 
                 # ── Left: controls ──────────────────────────────────────────
-                with gr.Column(scale=1, min_width=260):
-                    gr.Markdown("### ⚙️ Settings")
+                with gr.Column(scale=1, min_width=200):
                     enc_dd = gr.Dropdown(
                         choices=ENCODINGS, value="angle", label="Encoding",
                     )
@@ -378,30 +377,33 @@ Framework-agnostic: export to Qiskit, PennyLane, Cirq, TKET, Braket, Q#, IQM, or
                     convert_btn = gr.Button("Convert →", variant="primary", size="lg")
 
                 # ── Right: results ──────────────────────────────────────────
-                with gr.Column(scale=3):
+                with gr.Column(scale=4):
                     status_out = gr.Textbox(
                         label="", lines=1, max_lines=1,
                         interactive=False, show_label=False,
                         placeholder="Press Convert → to run",
                     )
 
-                    # main result — circuit
-                    circuit_out = gr.Code(
-                        label="Circuit output  (sample 0)",
-                        language="python", lines=18,
-                    )
-
-                    # secondary info — side by side
+                    # top row — circuit + cost side by side
                     with gr.Row(equal_height=True):
+                        with gr.Column(scale=3):
+                            circuit_out = gr.Code(
+                                label="Circuit output (sample 0)",
+                                language="python", lines=18,
+                            )
                         with gr.Column(scale=1):
                             cost_out = gr.HTML(label="Cost estimate")
-                        with gr.Column(scale=1):
-                            with gr.Accordion("Input data (first 5 rows)", open=True):
-                                input_table = gr.Dataframe(interactive=False)
 
-                    # hidden by default
-                    with gr.Accordion("Encoded parameters (first 5 rows)", open=False):
-                        encoded_table = gr.Dataframe(interactive=False)
+                    # bottom row — input data + encoded parameters side by side
+                    with gr.Row(equal_height=True):
+                        with gr.Column(scale=1):
+                            input_table = gr.Dataframe(
+                                label="Input data (first 5 rows)", interactive=False,
+                            )
+                        with gr.Column(scale=1):
+                            encoded_table = gr.Dataframe(
+                                label="Encoded parameters (first 5 rows)", interactive=False,
+                            )
 
             enc_dd.change(
                 fn=lambda e: f"<small><i>{ENCODING_DESC.get(e, '')}</i></small>",