.canvas-container {
    background-image: 
        linear-gradient(45deg, #2a2a2a 25%, transparent 25%), 
        linear-gradient(-45deg, #2a2a2a 25%, transparent 25%), 
        linear-gradient(45deg, transparent 75%, #2a2a2a 75%), 
        linear-gradient(-45deg, transparent 75%, #2a2a2a 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    background-color: #1a1a1a; /* Темный фон для шахматки */
    cursor: default;
    touch-action: none; /* Отключаем скролл на мобильных */
}

#cropCanvas {
    display: block;
    /* Курсоры управляются через JS */
}

/* Стили для селекта */
#aspectRatio {
    min-width: 120px;
}

/* Адаптивность */
@media (max-width: 640px) {
    .canvas-container {
        height: 350px !important;
    }
    
    .toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .toolbar > div {
        justify-content: space-between;
    }
}