Fix roll dialog CSS + JS: template <div> wrapper, moon-section, selectors

- Remplace <form class='roll-dialog celestopol'> par <div class='roll-dialog-content'>
  pour éviter les formulaires HTML imbriqués invalides (DialogV2 a son propre <form>)
- Corrige le sélecteur CSS de .roll-dialog.celestopol vers .application.roll-dialog .roll-dialog-content
- Remplace .form-group.form-moon par .moon-section (classe custom) pour éviter
  les conflits avec le CSS grid de FoundryVTT standard-form (label 130px de hauteur)
- Met à jour le script JS inline pour utiliser document.querySelector('.roll-dialog-content')
- Ajoute white-space: nowrap sur le label Destin pour éviter le wrapping sur 3 lignes
- Supprime .application.roll-dialog .window-content padding override (remplacé par dialog-content)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

module/applications/sheets/base-item-sheet.mjs

@@ -39,16 +39,16 @@ export default class CelestopolItemSheet extends HandlebarsApplicationMixin(foun
     })
   }
 
-  static async #onEditImage(event, target) {
-    const attr    = target.dataset.edit
-    const current = foundry.utils.getProperty(this.document, attr)
+  static async #onEditImage(event, _target) {
+    const current = this.document.img
     const fp = new FilePicker({
       current,
       type: "image",
-      callback: (path) => this.document.update({ [attr]: path }),
+      callback: (path) => this.document.update({ img: path }),
       top:  this.position.top + 40,
       left: this.position.left + 10,
     })
     return fp.browse()
   }
+
 }