app.py

import gradio as gr

# Define a function that echoes the input text
def echo_text(input_text):
    return input_text

custom_css = """
    .gr-textbox {
        background-color: rgb(79, 129, 145);
        color: #333;
        font-size: 30px;
        border: 2px solid #666;
        padding: 10px;
    }
    .gr-textbox:focus {
        border: 2px solid #009688;
    }
"""

# Create a Gradio interface with input above output
iface = gr.Interface(
    fn=echo_text,
    inputs=gr.Textbox(text="Enter text here..."),  # Text input field
    outputs=gr.Column(  # Create a column layout for input and output
        gr.Textbox(text="Input Text:", output=False),  # Display input text above output
        gr.Textbox(text="Output Text:", output=True),  # Display output text
        layout="rows"  # Arrange input and output in a vertical column
    ),
    live=True
)

# Launch the Gradio interface
iface.launch(share=True)