/* Style the full page */
body {
    /* Remove default margin */
    margin: 0;

    /* Remove default padding */
    padding: 0;

    /* Set font family */
    font-family: Arial, sans-serif;

    /* Set dark background */
    background-color: #0f172a;

    /* Set text color */
    color: white;

    /* Center content vertically */
    display: flex;

    /* Center content horizontally */
    justify-content: center;

    /* Align items center */
    align-items: center;

    /* Full viewport height */
    min-height: 100vh;
}

/* Main container styling */
.application-container {

    /* Set width */
    width: 90%;

    /* Limit maximum width */
    max-width: 800px;

    /* Add padding */
    padding: 30px;

    /* Rounded corners */
    border-radius: 20px;

    /* Glass background effect */
    background: rgba(255, 255, 255, 0.05);

    /* Add shadow */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

    /* Center text */
    text-align: center;
}

/* Title styling */
.application-title {

    /* Font size */
    font-size: 40px;

    /* Bottom spacing */
    margin-bottom: 20px;
}

/* Prompt section styling */
.prompt-section {

    /* Bottom spacing */
    margin-bottom: 20px;
}

/* Textarea styling */
.prompt-input {

    /* Full width */
    width: 100%;

    /* Height */
    height: 140px;

    /* Remove border */
    border: none;

    /* Rounded corners */
    border-radius: 10px;

    /* Add padding */
    padding: 15px;

    /* Font size */
    font-size: 16px;

    /* Disable resize */
    resize: none;

    /* Dark background */
    background-color: #1e293b;

    /* Text color */
    color: white;
}

/* Dropdown section styling */
.dropdown-section {

    /* Flex layout */
    display: flex;

    /* Gap between dropdowns */
    gap: 15px;

    /* Bottom margin */
    margin-bottom: 20px;
}

/* Dropdown styling */
.dropdown-selector {

    /* Full width */
    width: 100%;

    /* Padding */
    padding: 12px;

    /* Remove border */
    border: none;

    /* Rounded corners */
    border-radius: 10px;

    /* Background color */
    background-color: #1e293b;

    /* Text color */
    color: white;

    /* Font size */
    font-size: 16px;
}

/* Generate button styling */
.generate-button {

    /* Full width */
    width: 100%;

    /* Padding */
    padding: 15px;

    /* Remove border */
    border: none;

    /* Rounded corners */
    border-radius: 10px;

    /* Blue background */
    background-color: #2563eb;

    /* White text */
    color: white;

    /* Font size */
    font-size: 18px;

    /* Pointer cursor */
    cursor: pointer;

    /* Smooth transition */
    transition: 0.3s;
}

/* Button hover effect */
.generate-button:hover {

    /* Darker blue */
    background-color: #1d4ed8;
}

/* Loading message styling */
.loading-message {

    /* Top margin */
    margin-top: 20px;

    /* Font size */
    font-size: 18px;
}

/* Generated image container */
.generated-image-container {

    /* Top margin */
    margin-top: 30px;
}

/* Generated image styling */
.generated-image {

    /* Full width */
    width: 100%;

    /* Rounded corners */
    border-radius: 15px;

    /* Hide image initially */
    display: none;
}