/* Seamless Tool Specifics */

#tiledSurface {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}

/* 
   To show borders, we might need a different approach or just CSS outline on a pseudo element? 
   Actually, standard repeating background doesn't support borders easily.
   We'll simulate it or simple toggle a class that adds a grid overlay. 
*/


#previewContainer.show-grid::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: var(--tile-size, 100px) var(--tile-size, 100px);
    pointer-events: none;
}