.code-editor {
    height: 100%;
    width: 100%;
    resize: none;
    border: 1px solid #ccc;
}

/* Estilize a área de visualização */
.preview {
    height: 100%;
    border: 1px solid #ccc;
    padding: 10px;
}


#code-editor {
    height: 80vh; /* 80% da altura da tela vertical */
    border: 1px solid #ccc;
}

/* Estilize a alça de redimensionamento vertical */
.ace_resizable {
    position: relative;
}

.ace_resizable-handle {
    position: absolute;
    height: 6px;
    width: 100%;
    background-color: #ccc;
    cursor: ns-resize;
}