Improve toolbox checklists, image browsing, and guide integration

DESIGN_SYSTEM.md

@@ -192,6 +192,12 @@ Style courant :
 
 Le mot visible cote utilisateur est **outil**, pas **module**. Le terme module reste acceptable uniquement dans le code.
 
+Les outils qui gèrent une collection affichent un message vide compact et discret tant
+qu'aucun élément n'existe. Ce message réutilise le traitement visuel en pointillés du
+planificateur de tâches, sans remplacer les états vides métier plus détaillés déjà
+présents. Lorsqu'un outil vient d'être ajouté, la page défile doucement jusqu'à son
+panneau afin qu'il reste immédiatement visible, y compris s'il a été inséré hors cadre.
+
 ### Outils En Deux Colonnes
 
 Les outils avec controles a gauche et resultats a droite doivent reutiliser les classes generiques `tool-split-*`.
@@ -563,6 +569,7 @@ Filtres :
 - lorsque la condition ne concerne qu’un groupe avancé, comme les catégories Diablo IV, son sélecteur est placé dans le popover correspondant avec 12 px d’espace avant les options ;
 - toute option réduite à son icône doit utiliser le composant commun `Tooltip` et conserver un nom accessible (`aria-label`) ; l’attribut HTML `title` ne remplace pas le tooltip ;
 - les options directes avec libellé suivent la largeur naturelle de leur contenu ; lorsqu’elles passent en icône seule, elles retrouvent une largeur compacte commune ;
+- la recherche des barres horizontales est plafonnée à `260px` afin de ne pas étirer inutilement les filtres ;
 - `nds-active-filters` forme une seconde section compacte dans la barre principale, séparée sur toute la largeur par un trait doré semi-transparent sans ombre ; la section haute conserve les 10 px de padding vertical de la barre, tandis que la section basse se limite à 4 px ; elle affiche un badge fermable par recherche ou critère actif, dont le bouton retire uniquement le filtre correspondant ;
 - les barres sont sticky sous la topbar sur desktop, reviennent à la ligne et redeviennent statiques sur mobile ;
 - reset avec bouton icône `rubber`.
@@ -616,9 +623,13 @@ Modales :
 - panneau centre ;
 - fermeture au clic exterieur quand l'action le permet ;
 - boutons icones pour fermer/zoomer quand approprie.
+- la visionneuse d'un outil Images peut recevoir la collection du bloc courant : sa galerie utilise de grandes vignettes non recadrees dans une grille responsive et scrollable ;
+- la vue detaillee expose la position, un retour explicite a la galerie et des boutons precedent/suivant bloques aux extremites ; les fleches gauche/droite reprennent cette navigation ;
+- une visionneuse d'image seule, notamment pour les annotations, ne doit afficher ni galerie ni navigation de collection.
 
 Drawer toolbox :
 
+- le bouton de topbar associe icone et texte visible : « Afficher la toolbox » quand le drawer est ferme, puis « Masquer la toolbox » lorsqu'il est ouvert ;
 - panneau lateral ancre a droite, ouvert a `700px` et redimensionnable uniquement vers une largeur superieure ;
 - le shell reserve toujours `700px` au panneau : toute largeur supplementaire recouvre la partie droite de la page sans la reduire davantage ;
 - la page reste visible et interactive, sans backdrop bloquant ni fermeture au clic exterieur ;
@@ -849,6 +860,12 @@ dissocie la précédente. Le switch « Masquer les cochés » est désactivé su
 non associées. Les commandes sont centrées et reviennent à la ligne sur mobile ;
 le nombre de correspondances figure dessous. Une liste active devenue incompatible
 garde ses commandes avec un message explicite. Aucun sélecteur global n'est affiché.
+Quand une liste est associée, un encart compact placé en haut à droite du header
+du guide expose directement le switch « Masquer les cochés » et l'action
+« Dissocier la checklist ». La colonne d'actions occupe la hauteur existante du
+header afin que cet encart n'ajoute pas de ligne ou d'espace vertical. Cette
+association est conservée dans `localStorage` entre les sessions ; elle est retirée
+si la checklist, la toolbox liée ou la liaison jeu/toolbox disparaît.
 L'état terminé désature et atténue uniquement les portraits (ou les icônes de
 catégorie Diablo). Le recto utilise uniquement la checkbox interactive ; la coche
 accessible « Coché » reste sur le verso des cartes retournables. Les textes restent