/* coin dessin */
.dessin .idee{text-align:center;margin:10px 0 14px}
.craie-btn.petit{font-size:1.2rem;color:var(--ardoise);border-color:var(--ardoise);background:transparent;cursor:pointer}
.craie-btn.petit:hover{background:var(--ardoise);color:var(--craie)}
#idee-txt{font-style:italic;min-height:1.7em;margin-top:6px;color:var(--rouge)}
.outils{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;align-items:center;margin:8px 0 14px}
.outils .groupe{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.outils .btn{margin:0;padding:10px 16px;font-family:var(--texte);cursor:pointer;font-size:.95rem}
.coul,.papier{width:42px;height:42px;border-radius:50%;border:3px solid #2b2118;cursor:pointer;padding:0}
.papier{border-radius:6px;width:34px;height:34px}
.coul.on,.papier.on,.taille.on{outline:4px solid var(--rouge);outline-offset:2px}
.taille{width:46px;height:46px;border-radius:50%;border:3px solid #2b2118;background:#fffdf6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.taille i{display:block;border-radius:50%;background:#2b2118}
.toile{border:4px double var(--rouge);background:#fffdf6;line-height:0}
#toile{width:100%;height:min(70vh,640px);min-height:320px;display:block;touch-action:none;cursor:crosshair;background:#fffdf6}
.petit-note{font-size:.85rem;font-style:italic;opacity:.8;margin-top:12px}
.outils .btn.alt.on{background:var(--rouge);color:#fffdf6!important}

/* coloriages */
.dessin h2.choix{font-size:1.3rem;margin:14px 0 10px}
.galerie{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:14px}
.vignette{background:#fffdf6;border:3px solid #2b2118;padding:8px;cursor:pointer;width:150px;font-family:var(--texte);font-size:.9rem;color:var(--encre);display:flex;flex-direction:column;gap:6px;align-items:center;line-height:1.2}
.vignette .cadre{display:block;width:120px;height:120px;background:#fff}
.vignette .cadre img{width:100%;height:100%;object-fit:contain;display:block}
.vignette.on{outline:4px solid var(--rouge);outline-offset:2px}
.page.dessin>.toile{max-width:820px;margin:0 auto}
#toile{height:auto;aspect-ratio:1/1;min-height:0}
.calque{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.toile{position:relative}
