/* =========================================================
   canvas.css — Zone de dessin (Paper.js)
   ========================================================= */

.canvas-stage {
    position: relative;
    overflow: hidden;
    background: #f5f5f0;            /* Fond clair "papier" sous le canvas */
    background-image:
        linear-gradient(45deg, rgba(0,0,0,0.025) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(0,0,0,0.025) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.025) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.025) 75%);
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0px;
    /* Indispensable pour iPad : désactive les comportements gestuels par défaut
       du navigateur (zoom, scroll, double-tap) afin que Paper.js gère tout. */
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

#patron-canvas {
    display: block;
    width: 100%;
    height: 100%;
    /* Le canvas hérite du touch-action de son parent .canvas-stage */
    touch-action: none;
    cursor: crosshair;
    background: transparent;
    position: relative;
    z-index: 2;
}

/* Curseur adapté à l'outil actif (modifié par JS plus tard) */
.canvas-stage[data-tool="select"] #patron-canvas { cursor: default; }
.canvas-stage[data-tool="point"]  #patron-canvas { cursor: crosshair; }
.canvas-stage[data-tool="line"]   #patron-canvas { cursor: crosshair; }
.canvas-stage[data-tool="text"]   #patron-canvas { cursor: text; }