import gradio as gr

# 1. The HTML content for the iframe.
# We embed the CSS directly here for simplicity.
html_content = """
<style>
    body, html {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden;
        background-color: #FFF; /* Set a background color in case the iframe is slow to load */
    }
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
</style>
<iframe src="https://designer.tesslate.com"></iframe>
"""

# 2. Create a Gradio Blocks interface
# The `css` parameter injects CSS to remove Gradio's default padding and make our iframe container take up all the space.
with gr.Blocks(css=".gradio-container {padding: 0px !important;}") as demo:
    
    # 3. Use the gr.HTML component to render our HTML string.
    # The `elem_id` gives the main container a unique ID for styling if needed.
    gr.HTML(value=html_content, elem_id="full-page-iframe")

# 4. Launch the app
demo.launch()