* {
    box-sizing: border-box;
}
svg {
    width: 100%;
    height: 100%;
    touch-action: pan-x pan-y;
}
body {
    overscroll-behavior: contain;
    padding: 0;
    margin: 0;
    display: grid;
    height: 100svh;
    grid-template:
        "drawing" 80svh
        "controls" min-content
    / 1fr;
}
textarea {
    width: 100%;
    height: 20em;
}

.tile {
    color: #eee;
}

.tile.highlight {
    color: hsl(240,100%,80%);
}

@media screen {
    svg {
        border: 1px solid black;
    }
}

@media print {
    body {
        grid-template: "body" 100svh;    
    }
    #controls {
        display: none;
    }
}