:root {
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-2xl: 0;

}
.card {
    --bs-card-cap-padding-y: 0.2rem;
    --bs-card-cap-padding-x: 0.5rem;
    --bs-card-spacer-y: 0.5rem;
    --bs-card-spacer-x: 0.5rem;
}

#canvas_area {
    max-height: 70vh;
}

#aspect-ratio-scroll-area {
    max-height: 30vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.image-background-pattern {
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray), repeating-linear-gradient(45deg, gray 25%, #e5e5f7 25%, #e5e5f7 75%, gray 75%, gray);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;    
}