/*
 * Canvas2DFeature — CSS propio de la feature (regla HANDOFF nº6: CSS de
 * feature en assets/css/features/, jamás inyectado desde JS).
 *
 * El canvas se superpone al área del visor (mismo host que el canvas WebGL,
 * que queda con visibility:hidden mientras el 2D está activo). z-index 5:
 * por encima del canvas WebGL y del overlay de números del renderer (10 no,
 * pero ese overlay se oculta por visibility desde la feature), y muy por
 * debajo de #voxel-ui (1000), así que todos los botones siguen operativos.
 *
 * El botón de pantalla completa del 2D es un hijo flex de #zone-bottom con
 * la clase estándar .bar-btn: no necesita reglas de posicionamiento aquí
 * (las zonas mandan). Su visibilidad la gestiona la feature con display,
 * igual que hace build-progress con su botón.
 */

.c2d-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 5;
    touch-action: none; /* pan/pinch los gestiona la propia feature */
    cursor: grab;
}

.c2d-canvas.on {
    display: block;
}

.c2d-canvas.c2d-dragging {
    cursor: grabbing;
}