/* Layout Workspace */
.workspace-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 Colunas Iguais */
    gap: 20px;
    padding: 20px;
    height: calc(100vh - 80px); /* Altura total menos header */
}

.box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.box h3 { margin-top: 0; border-bottom: 2px solid #eee; padding-bottom: 10px; }
.box-content { flex-grow: 1; overflow-y: auto; }

/* Controles */
textarea { width: 100%; height: 100%; border: 1px solid #ccc; font-family: monospace; resize: none; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
.form-control { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }

/* Botões */
.btn-primary { background-color: #007bff; color: white; border: none; padding: 10px 15px; cursor: pointer; border-radius: 4px; }
.btn-success { background-color: #28a745; color: white; border: none; padding: 10px 15px; cursor: pointer; border-radius: 4px; }
.btn:hover { opacity: 0.9; }

/* Resultado Markdown (Simples) */
.result-area { white-space: pre-wrap; font-family: sans-serif; line-height: 1.6; }
.loading { color: #666; font-style: italic; display: none; }