/* Repères d'alignement de la toile (passe 3, lot G3a ; snap-guides.mjs, canvas-bubble.mjs).
   Les lignes sont dessinées sur le calque de contrôle de Fabric (trait de 1 px, --rouge, seulement pendant un geste) ; cette
   feuille porte la bulle de mesure et le bouton « Alignement ». Rien n'est visible au repos. */

/* Bulle de mesure : angle pendant une rotation, largeur imprimée pendant un redimensionnement. Petite, sobre, fond papier,
   le filet des cartes ; elle suit le pointeur sans jamais recevoir de clic. */
.mp-studio .atelier-canvas-bubble{position:absolute;left:0;top:0;z-index:2;pointer-events:none;padding:4px 8px;
 background:var(--atelier-paper);color:var(--atelier-ink);border:1px solid var(--atelier-line);border-radius:var(--atelier-radius-control);
 font-family:var(--atelier-font);font-size:var(--atelier-text-xs);font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}

/* « Alignement » à la taille de ses voisins « Ajuster » et « Voir la découpe » (critique du 08/10 : 12 px et 34 px de haut
   entre deux commandes de 14 px et 44 px). Son état devient lisible : sur le fond --paper-deep de la scène, le fond
   « pressé » de la famille Choix ne se voit pas, et le gras seul le confondait avec « Ajuster ». Actif : une coche au trait
   (pictogrammes de l'atelier, trait 1,25) ; coupé : libellé atténué, coche masquée. */
#mp-config-mirror .atelier-canvas-tools [data-action=snap]{font-size:var(--atelier-text-md);min-height:44px;display:inline-flex;align-items:center;gap:4px}
#mp-config-mirror .atelier-canvas-tools [data-action=snap]::before{content:"";width:16px;height:16px;flex:none;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat}
#mp-config-mirror .atelier-canvas-tools [data-action=snap][aria-pressed=false]{color:var(--atelier-muted);font-weight:500}
/* La coche garde sa place une fois masquée : la barre ne bouge pas à la bascule. */
#mp-config-mirror .atelier-canvas-tools [data-action=snap][aria-pressed=false]::before{visibility:hidden}
/* Téléphone (décision du 09/10, passe 3) : « Alignement » quitte la barre de la toile pour que celle-ci tienne sur une
   rangée ; son entrée de menu « ⋯ » est dans 70-fenetres.css. */
@media (max-width:760px){
 #mp-config-mirror .atelier-canvas-tools [data-action=snap]{display:none}
}
