.checkerboard-bg {
    background-color: var(--color-surface);
    background-image: linear-gradient(45deg, var(--color-border) 25%, transparent 25%), 
                      linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), 
                      linear-gradient(45deg, transparent 75%, var(--color-border) 75%), 
                      linear-gradient(-45deg, transparent 75%, var(--color-border) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    border-radius: var(--radius-md);
    max-width: 100%;
}
.img-preview {
    max-height: 400px;
    object-fit: contain;
    width: 100%;
}