/* ========== Responsive ========== */
@media (max-width: 800px) {
    .main {
        flex-direction: column;
    }

    .settings-section {
        width: 100%;
        max-height: 50vh;
        border-left: none;
        border-top: 1px solid var(--border);
    }

    .canvas-section {
        padding: 16px;
    }

    .canvas-container canvas {
        width: 200px;
        height: 200px;
    }
}