.TwisterAI {
    margin: 0;
    padding: 0;
    background-color: #302c54;
    color: white;
    height: 100%; 
    width: 100%;
    display: flex; 
    flex-direction: column; 
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px; 
    background-color: #2a274a;
    border-bottom: 2px solid #524f81;
    font-size: 25px;
}

header nav label {
    font-size: 25px; /* Aumentado de 14px */
    color: #c8c8d0;
}

header nav select {
    margin-left: 15px; /* Aumentado de 10px */
    padding: 10px 15px; /* Aumentado de 5px 10px */
    border: none;
    border-radius: 4px;
    background-color: #524f81;
    color: white;
}

.title {
    font-size: 40px;
}

main {
    padding: 50px; /* Aumentado de 30px */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* Centraliza verticalmente */
    width: 100%;
    height: 100vh; /* Ocupa a altura total da tela */
}

main section {
    margin-bottom: 30px; /* Aumentado de 30px */
    width: 100%;
    max-width: 900px; /* Aumentado de 800px */
}

main section label {
    font-size: 34px; /* Aumentado de 20px */
    font-weight: bold;
    margin-bottom: 15px; /* Aumentado de 10px */
    display: block;
}

textarea {
    width: 100%;
    height: 200px;
    background-color: #524f81;
    color: white;
    border: none;
    border-radius: 5px;
    text-indent: 20px;
}   

textarea::placeholder {
    font-size: 30px;
}

input.upload_btn {
    display: block;
    margin-top: 20px; /* Aumentado de 15px */
    padding: 20px 25px; /* Aumentado de 15px 20px */
    border: none;
    border-radius: 5px;
    background-color: #524f81;
    color: white;
    cursor: pointer;
    font-size: 20px; /* Aumentado de 16px */
}

button {
    margin-right: 20px; /* Aumentado de 15px */
    padding: 20px 25px; /* Aumentado de 15px 20px */
    border: none;
    border-radius: 5px;
    background-color: #524f81;
    color: white;
    font-size: 20px; /* Aumentado de 18px */
    cursor: pointer;
}

button:hover {
    background-color: #6a67a3;
}

button:last-child {
    margin-right: 0;
}

main .action_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

main .action_section button {
    background-color: #242642;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    font-size: 34px; /* Aumentado de 18px */
}

main .action_section button:first-of-type {
    margin-bottom: 1rem;
}

main .upload_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

main .upload_section input {
    width: 100%;
    background-color: #242642;
}

main .upload_section div {
    padding: 10px;
    border-radius: 10px;
    width: 47%;
    text-align: center;
}

main .upload_section i {
    margin-left: 1em;
}

main .upload_section label {
    cursor: pointer;
}

.upload_section div {
    background-color: #242642;
}