#wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 50px;
    width: 100%;
}

#zPlaneDiv, #wPlaneDiv {
    flex: 0 0 auto; /* Keep planes from shrinking */
}

#zCanvas, #wCanvas {
    border: 1px solid #000000;
}

#settingsContainer {
    flex: 0 0 200px; /* Give the middle column a fixed width */
    text-align: left;
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 60px; /* Align roughly with the top of the canvases */
}

#center-me {
    display: block;       /* Required if the element is naturally inline, like a span or img */
    margin-inline: auto;  /* Modern shorthand for margin-left: auto and margin-right: auto */
    width: fit-content;   /* Or a specific value like 50%. The width must be less than the container's width. */
}
/* You can remove the old .settings and .settings-content classes */