body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    height: 80vh;   /* gesamte Höhe des Viewports */
}

/* Button‑Leiste */
.button-bar {
background: #333;
padding: 10px;
text-align: center;
}
.button-bar button {
margin: 0 5px;
padding: 8px 16px;
color: #fff;
background: #0066cc;
border: none;
border-radius: 4px;
cursor: pointer;
}
.button-bar button:hover {
background: #004999;
}

/* Hauptbereich */
.content {
display: flex;
justify-content: space-around;
padding: 20px;
}

/* Einzelne Panels */
.panel {
flex: 1;
margin: 0 10px;
display: flex;
flex-direction: column;
}
.panel h3 {
margin: 0 0 5px;
text-align: center;
}
.panel textarea {
flex: 1;
resize: none;
padding: 8px;
font-family: monospace;
font-size: 0.9rem;
}
#boardCanvas {
border: 1px solid #999;
background: #fff;
}