/* filename: css/canvas.css */
/* For desktop screens */
canvas {
    image-rendering: pixelated; /* optional */
    /*font-smoothing: antialiased;*/ /* not always effective in canvas, but good for general font rendering */
    -webkit-font-smoothing: antialiased; /* works in Safari and Chrome */
    -moz-osx-font-smoothing: grayscale; /* works in Firefox on macOS */
}


@media (min-width: 768px) {
    .canvas-container {
        width: 800px;
        height: 600px;
        margin: 0 auto;
    }

    .radzen-button-group {
        gap: 12px;
    }
}

/* For mobile screens */
@media (max-width: 767px) {
    .canvas-container {
        width: 393px;
        height: 560px;
        margin: 0 auto;
    }

    .radzen-button-group {
        gap: 8px;
    }
}