@seliseblocks/mailcraft 0.2.5 → 0.2.7

package/src/core/i18n/hu.js

@@ -66,7 +66,7 @@ export const HU = {
     'Szakaszalapú: először helyezz el egy elrendezést, majd blokkokat az oszlopaiba — minden szakasznak saját háttere, kerete, flex vagy rács beállításai vannak.',
   'rows.hintStack': 'Szabad halmozás: elrendezések nélkül — minden elhelyezett blokk saját teljes szélességű szakasszá válik, sorrendben egymásra halmozva.',
   'files.libraryCount': 'Könyvtár — {count} fájl',
-  'files.openManager': 'Fájlkezelő megnyitása',
+  'files.openManager': 'Médiatár megnyitása',
   'files.dragToCanvas': 'Húzz bármely fájlt közvetlenül a rajzvászonra, hogy képblokként helyezd el.',
   'layers.structure': 'Struktúra',
   'layers.sectionSingle': 'Szakasz',
@@ -82,7 +82,7 @@ export const HU = {
   'vars.noMatch': 'Egyetlen változó sem felel meg ennek a szűrőnek.',
   'vars.noneDeclared': 'Az alkalmazásod még nem deklarált változókat.',
   'vars.rteHint': 'Szöveg szerkesztése közben egy változót közvetlenül a beágyazott eszköztár legördülő menüjéből is kiválaszthatsz.',
-  'modal.fileManager': 'Fájlkezelő',
+  'modal.fileManager': 'Médiatár',
   'modal.assetsTitle': 'Erőforrások',
   'modal.replaceImage': 'Kép cseréje',
   'library.searchPlaceholder': 'Fájlok keresése…',

package/src/core/i18n/it.js

@@ -66,7 +66,7 @@ export const IT = {
     'Basato su sezioni: rilascia prima un layout, poi i blocchi nelle sue colonne — ogni sezione ha proprio sfondo, bordo, impostazioni flex o griglia.',
   'rows.hintStack': 'Pila libera: senza layout — ogni blocco rilasciato diventa una propria sezione a piena larghezza, impilata in ordine.',
   'files.libraryCount': 'Libreria — {count} file',
-  'files.openManager': 'Apri gestione file',
+  'files.openManager': 'Apri libreria multimediale',
   'files.dragToCanvas': 'Trascina un qualsiasi file direttamente sul canvas per inserirlo come blocco immagine.',
   'layers.structure': 'Struttura',
   'layers.sectionSingle': 'Sezione',
@@ -82,7 +82,7 @@ export const IT = {
   'vars.noMatch': 'Nessuna variabile corrisponde a questo filtro.',
   'vars.noneDeclared': 'La tua applicazione non ha ancora dichiarato variabili.',
   'vars.rteHint': 'Durante la modifica del testo puoi anche scegliere una variabile direttamente dal menu della barra degli strumenti in linea.',
-  'modal.fileManager': 'Gestione file',
+  'modal.fileManager': 'Libreria multimediale',
   'modal.assetsTitle': 'Risorse',
   'modal.replaceImage': 'Sostituisci immagine',
   'library.searchPlaceholder': 'Cerca file…',

package/src/core/i18n/lt.js

@@ -66,7 +66,7 @@ export const LT = {
     'Pagrįsta sekcijomis: pirmiausia numeskite išdėstymą, tada blokus į jo stulpelius — kiekviena sekcija turi savo foną, kraštinę, flex arba tinklelio nustatymus.',
   'rows.hintStack': 'Laisvas krūvinys: be išdėstymų — kiekvienas numestas blokas tampa savo pilno pločio sekcija, sudėta iš eilės.',
   'files.libraryCount': 'Biblioteka — {count} failų',
-  'files.openManager': 'Atidaryti failų tvarkyklę',
+  'files.openManager': 'Atidaryti medijos biblioteką',
   'files.dragToCanvas': 'Vilkite bet kurį failą tiesiai į drobę, kad jį padėtumėte kaip vaizdo bloką.',
   'layers.structure': 'Struktūra',
   'layers.sectionSingle': 'Sekcija',
@@ -82,7 +82,7 @@ export const LT = {
   'vars.noMatch': 'Nė vienas kintamasis neatitinka šio filtro.',
   'vars.noneDeclared': 'Jūsų programa dar nedeklaravo jokių kintamųjų.',
   'vars.rteHint': 'Redaguodami tekstą taip pat galite pasirinkti kintamąjį tiesiai iš įterptos įrankių juostos išskleidžiamojo meniu.',
-  'modal.fileManager': 'Failų tvarkyklė',
+  'modal.fileManager': 'Medijos biblioteka',
   'modal.assetsTitle': 'Ištekliai',
   'modal.replaceImage': 'Pakeisti vaizdą',
   'library.searchPlaceholder': 'Ieškoti failų…',

package/src/core/i18n/lv.js

@@ -66,7 +66,7 @@ export const LV = {
     'Balstīts uz sadaļām: vispirms nometiet izkārtojumu, tad blokus tā kolonnās — katrai sadaļai ir sava fona, apmales, flex vai režģa iestatījumi.',
   'rows.hintStack': 'Brīva kaudze: bez izkārtojumiem — katrs nomestais bloks kļūst par savu pilna platuma sadaļu, sakrautu secībā.',
   'files.libraryCount': 'Bibliotēka — {count} faili',
-  'files.openManager': 'Atvērt failu pārvaldnieku',
+  'files.openManager': 'Atvērt multivides bibliotēku',
   'files.dragToCanvas': 'Velciet jebkuru failu tieši uz audekla, lai novietotu to kā attēla bloku.',
   'layers.structure': 'Struktūra',
   'layers.sectionSingle': 'Sadaļa',
@@ -82,7 +82,7 @@ export const LV = {
   'vars.noMatch': 'Neviens mainīgais neatbilst šim filtram.',
   'vars.noneDeclared': 'Jūsu lietotne vēl nav deklarējusi nevienu mainīgo.',
   'vars.rteHint': 'Rediģējot tekstu, jūs varat arī izvēlēties mainīgo tieši no iegultās rīkjoslas nolaižamās izvēlnes.',
-  'modal.fileManager': 'Failu pārvaldnieks',
+  'modal.fileManager': 'Multivides bibliotēka',
   'modal.assetsTitle': 'Resursi',
   'modal.replaceImage': 'Aizstāt attēlu',
   'library.searchPlaceholder': 'Meklēt failus…',

package/src/core/i18n/nb.js

@@ -66,7 +66,7 @@ export const NB = {
     'Seksjonsbasert: slipp en layout først, deretter blokker i kolonnene — hver seksjon har egen bakgrunn, kant, flex- eller rutenettinnstillinger.',
   'rows.hintStack': 'Fri stabel: uten layouter — hver blokk du slipper blir sin egen fullbredde-seksjon, stablet i rekkefølge.',
   'files.libraryCount': 'Bibliotek — {count} filer',
-  'files.openManager': 'Åpne filbehandling',
+  'files.openManager': 'Åpne mediebibliotek',
   'files.dragToCanvas': 'Dra en hvilken som helst fil direkte til lerretet for å plassere den som en bildeblokk.',
   'layers.structure': 'Struktur',
   'layers.sectionSingle': 'Seksjon',
@@ -82,7 +82,7 @@ export const NB = {
   'vars.noMatch': 'Ingen variabel samsvarer med dette filteret.',
   'vars.noneDeclared': 'Applikasjonen din har ennå ikke erklært noen variabler.',
   'vars.rteHint': 'Når du redigerer tekst kan du også velge en variabel direkte fra rullegardinmenyen i den innebygde verktøylinjen.',
-  'modal.fileManager': 'Filbehandling',
+  'modal.fileManager': 'Mediebibliotek',
   'modal.assetsTitle': 'Ressurser',
   'modal.replaceImage': 'Erstatt bilde',
   'library.searchPlaceholder': 'Søk i filer…',

package/src/core/i18n/nl.js

@@ -66,7 +66,7 @@ export const NL = {
     'Op secties gebaseerd: plaats eerst een lay-out, sleep dan blokken in de kolommen — elke sectie heeft zijn eigen achtergrond, rand, flex- of gridinstellingen.',
   'rows.hintStack': 'Vrije stapel: zonder lay-outs — elk blok dat je plaatst wordt een eigen sectie over de volle breedte, op volgorde gestapeld.',
   'files.libraryCount': 'Bibliotheek — {count} bestanden',
-  'files.openManager': 'Bestandsbeheer openen',
+  'files.openManager': 'Mediabibliotheek openen',
   'files.dragToCanvas': 'Sleep elk bestand direct naar het canvas om het als afbeeldingsblok te plaatsen.',
   'layers.structure': 'Structuur',
   'layers.sectionSingle': 'Sectie',
@@ -82,7 +82,7 @@ export const NL = {
   'vars.noMatch': 'Geen variabele komt overeen met dit filter.',
   'vars.noneDeclared': 'Jouw applicatie heeft nog geen variabelen gedeclareerd.',
   'vars.rteHint': 'Tijdens het bewerken van tekst kun je ook een variabele kiezen via het dropdownmenu van de inline werkbalk.',
-  'modal.fileManager': 'Bestandsbeheer',
+  'modal.fileManager': 'Mediabibliotheek',
   'modal.assetsTitle': 'Bestanden',
   'modal.replaceImage': 'Afbeelding vervangen',
   'library.searchPlaceholder': 'Bestanden zoeken…',

package/src/core/i18n/pl.js

@@ -66,7 +66,7 @@ export const PL = {
     'Oparty na sekcjach: najpierw upuść układ, potem bloki w jego kolumnach — każda sekcja ma własne tło, obramowanie, ustawienia flex lub siatki.',
   'rows.hintStack': 'Wolny stos: bez układów — każdy upuszczony blok staje się osobną, pełnowymiarową sekcją, ułożoną w kolejności.',
   'files.libraryCount': 'Biblioteka — {count} plików',
-  'files.openManager': 'Otwórz menedżera plików',
+  'files.openManager': 'Otwórz bibliotekę mediów',
   'files.dragToCanvas': 'Przeciągnij dowolny plik bezpośrednio na płótno, aby umieścić go jako blok obrazu.',
   'layers.structure': 'Struktura',
   'layers.sectionSingle': 'Sekcja',
@@ -82,7 +82,7 @@ export const PL = {
   'vars.noMatch': 'Żadna zmienna nie pasuje do tego filtra.',
   'vars.noneDeclared': 'Twoja aplikacja nie zadeklarowała jeszcze żadnych zmiennych.',
   'vars.rteHint': 'Podczas edycji tekstu możesz też wybrać zmienną bezpośrednio z rozwijanego menu paska narzędzi.',
-  'modal.fileManager': 'Menedżer plików',
+  'modal.fileManager': 'Biblioteka mediów',
   'modal.assetsTitle': 'Zasoby',
   'modal.replaceImage': 'Zastąp obraz',
   'library.searchPlaceholder': 'Szukaj plików…',

package/src/core/i18n/pt.js

@@ -66,7 +66,7 @@ export const PT = {
     'Baseado em seções: solte um layout primeiro, depois blocos em suas colunas — cada seção tem seu próprio fundo, borda, configurações flex ou grade.',
   'rows.hintStack': 'Pilha livre: sem layouts — cada bloco que você solta se torna sua própria seção de largura total, empilhada em ordem.',
   'files.libraryCount': 'Biblioteca — {count} arquivos',
-  'files.openManager': 'Abrir gerenciador de arquivos',
+  'files.openManager': 'Abrir biblioteca de mídia',
   'files.dragToCanvas': 'Arraste qualquer arquivo diretamente para a tela para colocá-lo como bloco de imagem.',
   'layers.structure': 'Estrutura',
   'layers.sectionSingle': 'Seção',
@@ -82,7 +82,7 @@ export const PT = {
   'vars.noMatch': 'Nenhuma variável corresponde a esse filtro.',
   'vars.noneDeclared': 'Sua aplicação ainda não declarou nenhuma variável.',
   'vars.rteHint': 'Ao editar texto, você também pode escolher uma variável diretamente no menu da barra de ferramentas em linha.',
-  'modal.fileManager': 'Gerenciador de arquivos',
+  'modal.fileManager': 'Biblioteca de mídia',
   'modal.assetsTitle': 'Recursos',
   'modal.replaceImage': 'Substituir imagem',
   'library.searchPlaceholder': 'Pesquisar arquivos…',

package/src/core/i18n/ro.js

@@ -66,7 +66,7 @@ export const RO = {
     'Bazat pe secțiuni: plasați mai întâi un aspect, apoi blocuri în coloanele sale — fiecare secțiune are propriul fundal, bordură, setări flex sau grilă.',
   'rows.hintStack': 'Stivă liberă: fără aspecte — fiecare bloc plasat devine propria secțiune pe toată lățimea, stivuită în ordine.',
   'files.libraryCount': 'Bibliotecă — {count} fișiere',
-  'files.openManager': 'Deschide managerul de fișiere',
+  'files.openManager': 'Deschide biblioteca media',
   'files.dragToCanvas': 'Trageți orice fișier direct pe canvas pentru a-l plasa ca bloc de imagine.',
   'layers.structure': 'Structură',
   'layers.sectionSingle': 'Secțiune',
@@ -82,7 +82,7 @@ export const RO = {
   'vars.noMatch': 'Nicio variabilă nu corespunde acestui filtru.',
   'vars.noneDeclared': 'Aplicația dvs. nu a declarat încă nicio variabilă.',
   'vars.rteHint': 'În timp ce editați text, puteți alege o variabilă și direct din meniul derulant al barei de instrumente în linie.',
-  'modal.fileManager': 'Manager de fișiere',
+  'modal.fileManager': 'Biblioteca media',
   'modal.assetsTitle': 'Resurse',
   'modal.replaceImage': 'Înlocuiește imaginea',
   'library.searchPlaceholder': 'Căutare fișiere…',

package/src/core/i18n/ru.js

@@ -66,7 +66,7 @@ export const RU = {
     'На основе секций: сначала поместите макет, затем блоки в его колонки — у каждой секции свой фон, граница, настройки flex или сетки.',
   'rows.hintStack': 'Свободный стек: без макетов — каждый добавленный блок становится собственной секцией на всю ширину, уложенной по порядку.',
   'files.libraryCount': 'Библиотека — {count} файлов',
-  'files.openManager': 'Открыть файловый менеджер',
+  'files.openManager': 'Открыть медиатеку',
   'files.dragToCanvas': 'Перетащите любой файл прямо на холст, чтобы разместить его как блок изображения.',
   'layers.structure': 'Структура',
   'layers.sectionSingle': 'Секция',
@@ -82,7 +82,7 @@ export const RU = {
   'vars.noMatch': 'Нет переменных, соответствующих этому фильтру.',
   'vars.noneDeclared': 'Ваше приложение ещё не объявило переменные.',
   'vars.rteHint': 'При редактировании текста вы также можете выбрать переменную прямо из выпадающего списка встроенной панели инструментов.',
-  'modal.fileManager': 'Файловый менеджер',
+  'modal.fileManager': 'Медиатека',
   'modal.assetsTitle': 'Файлы',
   'modal.replaceImage': 'Заменить изображение',
   'library.searchPlaceholder': 'Поиск файлов…',

package/src/core/i18n/sk.js

@@ -66,7 +66,7 @@ export const SK = {
     'Založené na sekciách: najprv umiestnite rozloženie, potom bloky do jeho stĺpcov — každá sekcia má vlastné pozadie, ohraničenie, nastavenia flex alebo mriežky.',
   'rows.hintStack': 'Voľný zásobník: bez rozložení — každý umiestnený blok sa stane vlastnou sekciou na celú šírku, zoradenou postupne.',
   'files.libraryCount': 'Knižnica — {count} súborov',
-  'files.openManager': 'Otvoriť správcu súborov',
+  'files.openManager': 'Otvoriť knižnicu médií',
   'files.dragToCanvas': 'Presuňte ľubovoľný súbor priamo na plátno a umiestnite ho ako obrazový blok.',
   'layers.structure': 'Štruktúra',
   'layers.sectionSingle': 'Sekcia',
@@ -82,7 +82,7 @@ export const SK = {
   'vars.noMatch': 'Žiadna premenná nezodpovedá tomuto filtru.',
   'vars.noneDeclared': 'Vaša aplikácia zatiaľ nedeklarovala žiadne premenné.',
   'vars.rteHint': 'Pri úprave textu môžete premennú vybrať aj priamo z rozbaľovacej ponuky vloženého panela nástrojov.',
-  'modal.fileManager': 'Správca súborov',
+  'modal.fileManager': 'Knižnica médií',
   'modal.assetsTitle': 'Zdroje',
   'modal.replaceImage': 'Nahradiť obrázok',
   'library.searchPlaceholder': 'Hľadať súbory…',

package/src/core/i18n/sl.js

@@ -66,7 +66,7 @@ export const SL = {
     'Temelji na odsekih: najprej spustite postavitev, nato bloke v njene stolpce — vsak odsek ima lastno ozadje, rob, nastavitve flex ali mreže.',
   'rows.hintStack': 'Prosti sklad: brez postavitev — vsak spuščen blok postane lasten odsek čez celo širino, zložen po vrsti.',
   'files.libraryCount': 'Knjižnica — {count} datotek',
-  'files.openManager': 'Odpri upravitelja datotek',
+  'files.openManager': 'Odpri predstavnostno knjižnico',
   'files.dragToCanvas': 'Povlecite katero koli datoteko neposredno na platno, da jo postavite kot slikovni blok.',
   'layers.structure': 'Struktura',
   'layers.sectionSingle': 'Odsek',
@@ -82,7 +82,7 @@ export const SL = {
   'vars.noMatch': 'Nobena spremenljivka ne ustreza temu filtru.',
   'vars.noneDeclared': 'Vaša aplikacija še ni deklarirala nobenih spremenljivk.',
   'vars.rteHint': 'Med urejanjem besedila lahko spremenljivko izberete tudi neposredno iz spustnega menija vgrajene orodne vrstice.',
-  'modal.fileManager': 'Upravitelj datotek',
+  'modal.fileManager': 'Predstavnostna knjižnica',
   'modal.assetsTitle': 'Viri',
   'modal.replaceImage': 'Zamenjaj sliko',
   'library.searchPlaceholder': 'Iskanje datotek…',

package/src/core/i18n/sv.js

@@ -66,7 +66,7 @@ export const SV = {
     'Sektionsbaserad: släpp en layout först, sedan block i dess kolumner — varje sektion har egen bakgrund, kant, flex- eller rutnätsinställningar.',
   'rows.hintStack': 'Fri stapel: utan layouter — varje block du släpper blir sin egen sektion i full bredd, staplad i ordning.',
   'files.libraryCount': 'Bibliotek — {count} filer',
-  'files.openManager': 'Öppna filhanteraren',
+  'files.openManager': 'Öppna mediebiblioteket',
   'files.dragToCanvas': 'Dra valfri fil direkt till canvasen för att placera den som ett bildblock.',
   'layers.structure': 'Struktur',
   'layers.sectionSingle': 'Sektion',
@@ -82,7 +82,7 @@ export const SV = {
   'vars.noMatch': 'Ingen variabel matchar det filtret.',
   'vars.noneDeclared': 'Din applikation har ännu inte deklarerat några variabler.',
   'vars.rteHint': 'När du redigerar text kan du också välja en variabel direkt från rullgardinsmenyn i den inbäddade verktygsfältet.',
-  'modal.fileManager': 'Filhanterare',
+  'modal.fileManager': 'Mediebibliotek',
   'modal.assetsTitle': 'Resurser',
   'modal.replaceImage': 'Ersätt bild',
   'library.searchPlaceholder': 'Sök filer…',

package/src/core/i18n/tr.js

@@ -66,7 +66,7 @@ export const TR = {
     'Bölüm tabanlı: önce bir düzen bırakın, ardından sütunlarına bloklar bırakın — her bölümün kendi arka planı, kenarlığı, flex veya ızgara ayarları vardır.',
   'rows.hintStack': 'Serbest yığın: düzen olmadan — bıraktığınız her blok, sırayla istiflenen kendi tam genişlikteki bölümü haline gelir.',
   'files.libraryCount': 'Kitaplık — {count} dosya',
-  'files.openManager': 'Dosya yöneticisini aç',
+  'files.openManager': 'Medya kitaplığını aç',
   'files.dragToCanvas': 'Görsel blok olarak yerleştirmek için herhangi bir dosyayı doğrudan tuvale sürükleyin.',
   'layers.structure': 'Yapı',
   'layers.sectionSingle': 'Bölüm',
@@ -82,7 +82,7 @@ export const TR = {
   'vars.noMatch': 'Bu filtreyle eşleşen değişken yok.',
   'vars.noneDeclared': 'Uygulamanız henüz herhangi bir değişken tanımlamadı.',
   'vars.rteHint': 'Metni düzenlerken, satır içi araç çubuğunun açılır menüsünden doğrudan bir değişken de seçebilirsiniz.',
-  'modal.fileManager': 'Dosya yöneticisi',
+  'modal.fileManager': 'Medya kitaplığı',
   'modal.assetsTitle': 'Varlıklar',
   'modal.replaceImage': 'Görseli değiştir',
   'library.searchPlaceholder': 'Dosyaları ara…',

package/src/core/i18n/uk.js

@@ -66,7 +66,7 @@ export const UK = {
     'На основі секцій: спочатку розмістіть макет, потім блоки в його колонках — кожна секція має власний фон, межу, налаштування flex або сітки.',
   'rows.hintStack': 'Вільний стек: без макетів — кожен доданий блок стає власною секцією на всю ширину, укладеною по порядку.',
   'files.libraryCount': 'Бібліотека — {count} файлів',
-  'files.openManager': 'Відкрити файловий менеджер',
+  'files.openManager': 'Відкрити медіатеку',
   'files.dragToCanvas': 'Перетягніть будь-який файл прямо на полотно, щоб розмістити його як блок зображення.',
   'layers.structure': 'Структура',
   'layers.sectionSingle': 'Секція',
@@ -82,7 +82,7 @@ export const UK = {
   'vars.noMatch': 'Немає змінних, що відповідають цьому фільтру.',
   'vars.noneDeclared': 'Ваш застосунок ще не оголосив жодних змінних.',
   'vars.rteHint': 'Під час редагування тексту ви також можете вибрати змінну прямо з випадного списку вбудованої панелі інструментів.',
-  'modal.fileManager': 'Файловий менеджер',
+  'modal.fileManager': 'Медіатека',
   'modal.assetsTitle': 'Файли',
   'modal.replaceImage': 'Замінити зображення',
   'library.searchPlaceholder': 'Пошук файлів…',

package/src/core/icons.js

@@ -235,3 +235,4 @@ export function socialKey(label) {
   if (l.includes('mail') || l.includes('email')) return 'mail';
   return 'globe';
 }
+

package/src/core/import-html.js

@@ -442,6 +442,21 @@ function logicMarkersOf(text) {
   return out;
 }
 
+/** Whether an element (or the transparent single-child chain under it) carries its own padding -- the shape the exporter writes for a block's py/px, and a builder section's own spacing. Such a wrapper is one block, never part of a text run. */
+function hasOwnRunPad(el) {
+  let e = el;
+  if (e.style && paddingOf(e.style)) return true;
+  while (
+    e.children && e.children.length === 1
+    && !INLINE_TAGS.test(e.firstElementChild.tagName)
+    && (e.textContent || '') === (e.firstElementChild.textContent || '')
+  ) {
+    e = e.firstElementChild;
+    if (e.style && paddingOf(e.style)) return true;
+  }
+  return false;
+}
+
 function blocksFromNodes(nodes) {
   const out = [];
   let buf = [];
@@ -458,6 +473,11 @@ function blocksFromNodes(nodes) {
         // first-element-only read never saw. Per-element differences inside
         // the run survive as the inline styles `cleanImportHtml` now keeps.
         let baseEl = INLINE_TAGS.test(bufFirstEl.tagName) ? (bufFirstEl.parentElement || bufFirstEl) : bufFirstEl;
+        // The run's own spacing: the exporter writes a text block's py/px as
+        // padding on the wrapper div the descent below walks straight past
+        // (it lands on the <p>), so a padded block came back at the default
+        // 10px/0 on every save. First padding on the wrapper chain wins.
+        let runPad = paddingOf(baseEl.style);
         // Then descend through transparent single-child wrappers: builders
         // nest a `font-family:sans-serif` shim div around the div that
         // carries the real typography, and `inheritedStyle` below walks *up*
@@ -467,7 +487,8 @@ function blocksFromNodes(nodes) {
           baseEl.children.length === 1
           && !INLINE_TAGS.test(baseEl.firstElementChild.tagName)
           && (baseEl.textContent || '') === (baseEl.firstElementChild.textContent || '')
-        ) baseEl = baseEl.firstElementChild;
+        ) { baseEl = baseEl.firstElementChild; if (!runPad) runPad = paddingOf(baseEl.style); }
+        if (runPad) { over.py = runPad.py; over.px = runPad.px; }
         const size = fontPx(inheritedStyle(baseEl, 'fontSize')); if (size) over.size = size;
         const color = inheritedStyle(baseEl, 'color'); if (color) over.color = color;
         over.align = textAlignOf(baseEl);
@@ -513,8 +534,14 @@ function blocksFromNodes(nodes) {
       return;
     }
     if (isStructural(target)) { flush(); out.push(blk('html', { code: n.outerHTML })); return; }
+    // A wrapper carrying its own padding is a block boundary, not part of a
+    // run: the exporter writes every text block as exactly such a padded div,
+    // and buffering two of them together merged neighbouring blocks into one
+    // -- the second lost its padding, size, everything -- on every save.
+    if (n.nodeType === 1 && !INLINE_TAGS.test(target.tagName) && hasOwnRunPad(target) && buf.length) flush();
     if (!bufFirstEl) bufFirstEl = target;
     buf.push(n.outerHTML);
+    if (n.nodeType === 1 && !INLINE_TAGS.test(target.tagName) && hasOwnRunPad(target)) flush();
   });
   flush();
   return out;
@@ -570,16 +597,26 @@ function isPassthroughTable(tb) {
   return cells.length === 1;
 }
 
+/** CSSOM hands colors back as `rgb(r, g, b)` even when the source (and the
+ * user's own value) was hex -- so every save visibly rewrote colour fields.
+ * Solid rgb() flattens back to hex; anything else (rgba, keywords,
+ * `transparent`) passes through untouched. */
+function hexOf(value) {
+  const m = /^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/.exec(String(value == null ? '' : value).trim());
+  if (!m) return value;
+  return '#' + [m[1], m[2], m[3]].map((n) => Number(n).toString(16).padStart(2, '0')).join('');
+}
+
 function bgOf(el) {
   const st = el.style;
-  if (st && st.backgroundColor) return st.backgroundColor;
+  if (st && st.backgroundColor) return hexOf(st.backgroundColor);
   // The `background` shorthand is only a usable *color* when it holds no
   // image/gradient -- browsers populate `backgroundColor` from a shorthand
   // that includes a color, so reaching here with a url() means there is no
   // color to take (and taking the raw string set broken values).
   const short = (st && st.background) || '';
-  if (short && short.indexOf('url(') < 0 && short.indexOf('gradient(') < 0) return short;
-  return (el.getAttribute && el.getAttribute('bgcolor')) || '';
+  if (short && short.indexOf('url(') < 0 && short.indexOf('gradient(') < 0) return hexOf(short);
+  return hexOf((el.getAttribute && el.getAttribute('bgcolor')) || '');
 }
 
 function padOf(el) {
@@ -604,7 +641,7 @@ function applyPad(rows, pad) {
 
 /** Longhand side colors are always a single value; the `borderColor` shorthand reads back as a per-side list when the sides differ (`rgb(...) rgb(...) currentcolor`), which is not a usable color. */
 function borderColorOf(st) {
-  const ok = (v) => (v && v !== 'currentcolor' ? v : '');
+  const ok = (v) => (v && v !== 'currentcolor' ? hexOf(v) : '');
   return ok(st.borderTopColor) || ok(st.borderLeftColor) || ok(st.borderRightColor) || ok(st.borderBottomColor) || '';
 }
 
@@ -940,7 +977,7 @@ function collectRows(nodes) {
 function themeFromParsedDoc(doc) {
   const theme = {};
   const body = doc.body;
-  let bg = (body.style && (body.style.backgroundColor || body.style.background)) || body.getAttribute('bgcolor') || '';
+  let bg = hexOf((body.style && (body.style.backgroundColor || body.style.background)) || body.getAttribute('bgcolor') || '');
   if (!bg) {
     const outer = body.querySelector('table');
     if (outer) bg = bgOf(outer) || (outer.querySelector('td') ? bgOf(outer.querySelector('td')) : '');
@@ -986,12 +1023,26 @@ function themeFromParsedDoc(doc) {
         theme.borderStyle = borderStyleOf(content.style);
         theme.borderColor = borderColorOf(content.style) || '';
       }
+      const sh = content.style && content.style.boxShadow;
+      if (sh && sh !== 'none') theme.shadow = sh;
+      // CLAIMED MEANS CONSUMED. These styles now live on the theme; leaving
+      // them on the node let the row walker's card-folding (applyFrame /
+      // applyPad) absorb the very same border, radius, shadow and page
+      // padding into the rows -- so one save doubled every frame the user
+      // had set at canvas level. htmlToDoc runs this pass before the row
+      // pass for exactly this reason.
+      if (content.style) {
+        content.style.border = '';
+        content.style.borderRadius = '';
+        content.style.boxShadow = '';
+      }
       const cell = content.closest ? content.closest('td') : null;
       if (cell && cell.style) {
         const padY = PX(cell.style.paddingTop);
         const padX = PX(cell.style.paddingLeft);
         if (padY > 0) theme.padY = padY;
         if (padX > 0) theme.padX = padX;
+        cell.style.padding = '';
       }
     }
   }
@@ -1018,8 +1069,8 @@ function themeFromParsedDoc(doc) {
     linkCounts[c] = (linkCounts[c] || 0) + 1;
   });
   const link = Object.keys(linkCounts).sort((a, b) => linkCounts[b] - linkCounts[a])[0];
-  if (link) theme.link = link;
-  if (body.style && body.style.color) theme.text = body.style.color;
+  if (link) theme.link = hexOf(link);
+  if (body.style && body.style.color) theme.text = hexOf(body.style.color);
   return theme;
 }
 
@@ -1057,7 +1108,10 @@ export function htmlToDoc(src) {
   // (never-inlined exports, hand-written emails) classify like inlined ones.
   // Best-effort: a pathological stylesheet must never block the import.
   try { inlineStylesheets(doc); } catch { /* proceed with inline styles only */ }
-  return { rows: collectRows(Array.from(doc.body.childNodes)), theme: themeFromParsedDoc(doc) };
+  // Theme first: themeFromParsedDoc consumes the styles it claims off the
+  // scaffold nodes, and the row walker must see the cleaned DOM.
+  const theme = themeFromParsedDoc(doc);
+  return { rows: collectRows(Array.from(doc.body.childNodes)), theme };
 }
 
 export function htmlToRows(src) {

package/src/core/sanitize.js

@@ -131,6 +131,40 @@ export const cssUrl = (u) => {
   return raw.replace(/["'()\\]|\s/g, (c) => CSS_URL_ESCAPE[c] || '%20');
 };
 
+/**
+ * A link target on its way into an anchor. Two jobs, and both of them showed
+ * up as "the link does not work" rather than as anything that errors:
+ *
+ *   - A bare host (`selise.ch`, `www.selise.ch/pricing`) gets `https://`.
+ *     Typed with no scheme it is a *relative* URL, so the mail client
+ *     resolves it against its own origin and the click lands nowhere -- the
+ *     single most common way an authored link ships broken, and invisible in
+ *     the editor because the canvas never follows it.
+ *   - Schemes are allowlisted the way `cssUrl` allowlists image sources, so
+ *     `javascript:` resolves to nothing instead of becoming a click target.
+ *
+ * Left exactly as typed: anything already carrying an allowed scheme, an
+ * in-page `#anchor`, a rooted `/path`, and anything opening with a merge tag
+ * -- `{{ResetUrl}}` is a whole URL the host substitutes later, so prefixing
+ * it would corrupt what reaches the template engine. A bare `name@host.tld`
+ * becomes `mailto:`, which is the only thing it could have meant.
+ */
+export const linkHref = (u) => {
+  const raw = String(u == null ? '' : u).trim();
+  if (!raw) return '';
+  const scheme = raw.match(/^([a-z][a-z0-9+.-]*):/i);
+  if (scheme) {
+    if (/^(https?|mailto|tel)$/i.test(scheme[1])) return raw;
+    // `selise.ch:8080/x` matches the scheme shape but is a host and a port;
+    // it falls through to be prefixed rather than dropped.
+    if (!/^[a-z][a-z0-9+.-]*:\d/i.test(raw)) return '';
+  }
+  if (raw.startsWith('//')) return 'https:' + raw;
+  if (/^[#/]/.test(raw) || raw.startsWith('{{')) return raw;
+  if (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(raw)) return 'mailto:' + raw;
+  return 'https://' + raw;
+};
+
 export const escHtml = (s) => String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 
 /** Minimal HTML syntax highlighter for the code view. */

package/src/core/theme.js

@@ -12,4 +12,4 @@
  * accept the literal `transparent` (and any rgba()/#rrggbbaa value) as well
  * as a hex colour.
  */
-export const THEME = () => ({ bg: '#eef2f7', contentBg: '#ffffff', width: 620, padY: 0, padX: 0, radius: 0, borderW: 0, borderStyle: 'solid', borderColor: '#e2e2e5', font: '"Helvetica Neue", Helvetica, Arial, sans-serif', text: '#172033', link: '#0065b3' });
+export const THEME = () => ({ bg: '#eef2f7', contentBg: '#ffffff', width: 620, padY: 0, padX: 0, radius: 0, borderW: 0, borderStyle: 'solid', borderColor: '#e2e2e5', shadow: '', font: '"Helvetica Neue", Helvetica, Arial, sans-serif', text: '#172033', link: '#0065b3' });

package/src/mailcraft-editor.js

@@ -6,6 +6,7 @@ import { renderDoc } from './render/canvas.js';
 import { renderRte } from './render/rte.js';
 import { renderField, renderFieldCards, typeCommit } from './render/fields.js';
 import { icon } from './core/icons.js';
+import { brandLockup } from './core/brand.js';
 import { TOKEN } from './core/variables.js';
 import { hl, cssUrl } from './core/sanitize.js';
 import { decorateLogicTags } from './core/export.js';
@@ -494,7 +495,15 @@ export class MailCraftEditor extends ElementBase {
   async copyScreenshot(blob) {
     const t = this.core.t;
     try {
-      const png = blob || await this.screenshotPng();
+      // Safari only honours `clipboard.write()` while the user gesture is
+      // still live, and awaiting the capture first (per-image fetch +
+      // inline, decode, rasterize, PNG encode) always outlives it --
+      // NotAllowedError on every attempt, where Chromium is lenient and
+      // lets it through. Handing ClipboardItem the *promise* is the
+      // supported shape for exactly this: the write is issued
+      // synchronously with the gesture and the capture resolves inside
+      // it. Chromium accepts the same form, so there is no branch here.
+      const png = blob ? Promise.resolve(blob) : this.screenshotPng();
       await navigator.clipboard.write([new ClipboardItem({ 'image/png': png })]);
       this.core.flash(t('toast.pngCopied'));
     } catch {
@@ -569,15 +578,11 @@ export class MailCraftEditor extends ElementBase {
     const t = this.core.t;
     const header = elS('header', "display: flex; align-items: center; gap: 14px; padding: 0 16px; border-bottom: 1px solid var(--ed-line); background: linear-gradient(to bottom, var(--ed-panel), var(--ed-panel-2)); position: relative; z-index: 30;", { class: 'mc-header' });
 
-    const brandMark = elS('span', '', { class: 'mc-brand-mark' });
-    const markSvg = icon('mailSpark', 20);
-    markSvg.setAttribute('stroke-width', '1.8');
-    brandMark.appendChild(markSvg);
-    const brand = elS('div', 'display: flex; align-items: center; gap: 9px;');
-    brand.append(
-      brandMark,
-      elS('span', 'font-family: var(--ed-font); font-weight: 600; font-size: 15px; letter-spacing: -0.01em; line-height: 1;', { text: 'MailCraft', class: 'mc-brand-name' }),
-    );
+    // The logo itself, not a mark beside a typeset word: the wordmark is part
+    // of the artwork, so it keeps the brand's own typeface whatever font the
+    // host pushes into --ed-font.
+    const brand = elS('div', 'display: flex; align-items: center;', { class: 'mc-brand' });
+    brand.appendChild(brandLockup(30));
     if (on.logo) header.append(brand, elS('div', 'width: 1px; height: 22px; background: var(--ed-line);'));
 
     this.savedLabel = elS('span', 'display: flex; align-items: center; gap: 6px; font-family: ui-monospace, monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ed-faint); white-space: nowrap;');
@@ -1224,6 +1229,11 @@ export class MailCraftEditor extends ElementBase {
       tile.addEventListener('mouseleave', () => { tile.style.borderColor = 'var(--ed-line)'; });
       tile.addEventListener('dragstart', this.core.startDrag({ kind: 'asset', assetId: a.id }));
       tile.addEventListener('dragend', () => { this.core.drag = null; this.core.setState({ drop: null, rowDrop: null }); });
+      // Touch Safari never fires HTML5 drag events, so drag alone left
+      // these tiles unusable on iOS. Click is the same fallback the
+      // library modal's tiles already carry; a completed drag ends in
+      // `dragend`, not `click`, so the two do not both fire.
+      tile.addEventListener('click', () => this.core.useAsset(a));
       tile.appendChild(elS('div', `width: 100%; height: 64px; background-image: url("${a.url}"); background-size: cover; background-position: center; background-color: var(--ed-work);`, { role: 'img', 'aria-label': a.name }));
       tile.appendChild(elS('div', 'font-family: ui-monospace, monospace; font-size: 9px; color: var(--ed-muted); padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;', { text: a.name }));
       grid.appendChild(tile);

package/src/render/block-body.js

@@ -1,6 +1,7 @@
 import { icon, brandIcon, socialKey, SOCIAL_BRAND, contrastInk } from '../core/icons.js';
 import { pad } from '../core/layout-style.js';
 import { parseItems, cellsOf } from '../core/parse.js';
+import { linkHref } from '../core/sanitize.js';
 
 function el(tag, style, attrs) {
   const node = document.createElement(tag);
@@ -77,12 +78,17 @@ export function blockBody(b, theme, live, ctx) {
     }
     case 'image': {
       const wrap = el('div', { padding: pad(p), textAlign: p.align, fontSize: '0' }, attr);
-      if (p.href) {
+      const imgHref = linkHref(p.href);
+      if (imgHref) {
         // The % width must live on the anchor, not the img: a percentage on a
         // child of a shrink-to-fit inline-block resolves against the image's
         // own intrinsic size (i.e. not at all), which rendered every linked
         // logo/icon at full intrinsic width no matter what `width` said.
-        const a = el('a', { display: 'inline-block', width: p.width + '%' }, { href: p.href });
+        const a = el('a', { display: 'inline-block', width: p.width + '%' }, { href: imgHref });
+        // Same guard as every other anchor the canvas draws: without it a
+        // click on a linked logo navigates the host application away from the
+        // editor, taking the uncommitted document with it.
+        a.addEventListener('click', (e) => e.preventDefault());
         a.appendChild(el('img', { width: '100%', borderRadius: p.radius + 'px', display: 'block', border: '0' }, { src: p.src, alt: p.alt }));
         wrap.appendChild(a);
       } else {
@@ -100,7 +106,7 @@ export function blockBody(b, theme, live, ctx) {
         // email pattern; the color falls back to the label color so a bare
         // "outline thickness" bump looks right without a second step.
         border: p.borderW ? p.borderW + 'px ' + (p.borderStyle || 'solid') + ' ' + (p.borderColor || p.color) : '0',
-      }, { href: p.href, ...editableAttrs(live), text: p.label });
+      }, { href: linkHref(p.href), ...editableAttrs(live), text: p.label });
       a.addEventListener('click', (e) => e.preventDefault());
       // Button editing is deliberately plain: no focus-tracked `editing` state, no
       // paste handling, no floating RTE toolbar -- only its label commits on blur.
@@ -139,7 +145,7 @@ export function blockBody(b, theme, live, ctx) {
           borderRadius: shape === 'circle' ? '50%' : shape === 'square' ? Math.round(box * 0.28) + 'px' : '0',
           color: iconColor, background: badge ? source : 'transparent',
           border: shape === 'outline' ? '1px solid ' + source : '0',
-        }, { href: it.href, title: it.label });
+        }, { href: linkHref(it.href), title: it.label });
         a.addEventListener('click', (e) => e.preventDefault());
         let provided = null;
         if (ctx && ctx.iconProvider) { try { provided = ctx.iconProvider(key, { label: it.label, size: p.size, color: iconColor }); } catch { provided = null; } }
@@ -154,7 +160,7 @@ export function blockBody(b, theme, live, ctx) {
     }
     case 'video': {
       const wrap = el('div', { padding: '4px 0', textAlign: 'center' }, attr);
-      const a = el('a', { display: 'block', position: 'relative' }, { href: p.href });
+      const a = el('a', { display: 'block', position: 'relative' }, { href: linkHref(p.href) });
       a.addEventListener('click', (e) => e.preventDefault());
       a.appendChild(el('img', { width: '100%', display: 'block', border: '0' }, { src: p.src, alt: p.caption }));
       const badge = el('span', { position: 'absolute', inset: '0', display: 'flex', alignItems: 'center', justifyContent: 'center' });
@@ -197,7 +203,7 @@ export function blockBody(b, theme, live, ctx) {
     case 'menu': {
       const wrap = el('div', { textAlign: p.align, padding: '10px 0' }, attr);
       parseItems(p.items).forEach((it) => {
-        const a = el('a', { color: p.color, fontSize: p.size + 'px', fontFamily: p.fontFamily || t.font, textDecoration: 'none', margin: '0 ' + p.gap / 2 + 'px', letterSpacing: '0.12em', textTransform: 'uppercase' }, { href: it.href, text: it.label });
+        const a = el('a', { color: p.color, fontSize: p.size + 'px', fontFamily: p.fontFamily || t.font, textDecoration: 'none', margin: '0 ' + p.gap / 2 + 'px', letterSpacing: '0.12em', textTransform: 'uppercase' }, { href: linkHref(it.href), text: it.label });
         a.addEventListener('click', (e) => e.preventDefault());
         wrap.appendChild(a);
       });