body {
    font-family: sans-serif;
    margin: 20px;
}

.container {
    display: grid;
    grid-template-areas:
        "control-panel"
        "preview-area"
        "output-area";
    gap: 20px;
}

.control-panel,
.preview-area,
.output-area {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

.control-panel label {
    margin-right: 10px;
}

.control-panel input {
    width: 60px;
}

#maze-canvas {
    border: 1px solid black;
}

textarea {
    width: 100%;
    height: 150px;
    margin-top: 10px;
}

.output-buttons {
    margin-top: 10px;
}