@jjlmoya/utils-audiovisual 1.19.0 → 1.21.0

package/src/tool/chromaticLens/i18n/de.ts

@@ -57,9 +57,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         title: 'Intelligente Extraktion von Farbpaletten',
         items: [
             'Professioneller Median-Cut-Algorithmus zur Farbanalyse',
-            'Extraktion von 3–12 dominanten Farben aus jedem Bild',
+            'Extraktion von 3-12 dominanten Farben aus jedem Bild',
             'HEX-Codes direkt in die Zwischenablage kopierbar',
-            '100% lokale Verarbeitung – ideal für Kreative'
+            '100% lokale Verarbeitung - ideal für Kreative'
         ]
     },
     { type: 'title', text: 'Farbetraktion: Wissenschaft und Design', level: 2 },
@@ -138,15 +138,15 @@ const seo: ChromaticLensLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Mathematische Präzision bei der Extraktion – keine ungefähre visuelle Auswahl',
+            pro: 'Mathematische Präzision bei der Extraktion - keine ungefähre visuelle Auswahl',
             con: 'Kaum sichtbare Farben können enthalten sein, wenn sie viele Pixel haben'
         },
         {
-            pro: 'Sofortiges Kopieren in die Zwischenablage – perfekte Integration in den Workflow',
+            pro: 'Sofortiges Kopieren in die Zwischenablage - perfekte Integration in den Workflow',
             con: 'Benötigt einen modernen Browser, der mit der Canvas-API kompatibel ist'
         },
         {
-            pro: 'Vollständige Privatsphäre – 100% lokale Analyse ohne Datenübermittlung',
+            pro: 'Vollständige Privatsphäre - 100% lokale Analyse ohne Datenübermittlung',
             con: 'Kein Verlauf früherer Analysen gespeichert'
         },
         {
@@ -164,7 +164,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         },
         {
             term: 'RGB-Farbraum',
-            definition: 'Farbmodell basierend auf Rot, Grün und Blau. Jede Farbe wird als Kombination dieser drei Werte (0–255) dargestellt. Standard für Bildschirme und Web.'
+            definition: 'Farbmodell basierend auf Rot, Grün und Blau. Jede Farbe wird als Kombination dieser drei Werte (0-255) dargestellt. Standard für Bildschirme und Web.'
         },
         {
           term: 'HEX-Code',

package/src/tool/chromaticLens/i18n/fr.ts

@@ -62,7 +62,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
             'Traitement 100 % local - idéal pour les créatifs'
         ]
     },
-    { type: 'title', text: 'Extraction de Palettes de Couleurs : Science et Design', level: 2 },
+    { type: 'title', text: 'Extraction de Palettes de Couleurs: Science et Design', level: 2 },
     { type: 'paragraph', html: 'Vous êtes-vous déjà demandé pourquoi une photographie de film semble si harmonieuse ? Ce n\'est pas un hasard ; c\'est la théorie des couleurs en action. Lentille Chromatique vous permet d\'extraire cette harmonie directement du pixel, en la transformant en codes HEX utilisables dans vos projets de design.' },
 
     { type: 'stats', items: [
@@ -180,10 +180,10 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         }
     ] },
 
-    { type: 'message', title: 'Analyse Chromatique Professionnelle', ariaLabel: 'Informations techniques sur l\'analyse des couleurs', html: 'Lentille Chromatique transforme l\'analyse visuelle manuelle en précision algorithmique. Elle ne se contente pas d\'extraire des couleurs : elle capture l\'essence émotionnelle et visuelle de toute image, la plaçant directement dans votre presse-papiers sous forme de codes HEX prêts à l\'emploi. Confidentialité totale, analyses illimitées.' },
+    { type: 'message', title: 'Analyse Chromatique Professionnelle', ariaLabel: 'Informations techniques sur l\'analyse des couleurs', html: 'Lentille Chromatique transforme l\'analyse visuelle manuelle en précision algorithmique. Elle ne se contente pas d\'extraire des couleurs: elle capture l\'essence émotionnelle et visuelle de toute image, la plaçant directement dans votre presse-papiers sous forme de codes HEX prêts à l\'emploi. Confidentialité totale, analyses illimitées.' },
 
     { type: 'title', text: 'Concevez Depuis l\'Inspiration Visuelle', level: 3 },
-    { type: 'paragraph', html: 'La meilleure palette de couleurs est celle qui capture l\'intention visuelle de votre référence. Lentille Chromatique automatise ce qui était auparavant un processus manuel : observer, analyser, noter. Désormais, faites simplement glisser une image et obtenez des codes HEX professionnels en quelques secondes.' }
+    { type: 'paragraph', html: 'La meilleure palette de couleurs est celle qui capture l\'intention visuelle de votre référence. Lentille Chromatique automatise ce qui était auparavant un processus manuel: observer, analyser, noter. Désormais, faites simplement glisser une image et obtenez des codes HEX professionnels en quelques secondes.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/chromaticLens/i18n/pl.ts

@@ -74,7 +74,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'title', text: 'Wyjaśnienie Algorytmu Median Cut', level: 3 },
     { type: 'paragraph', html: 'Inteligentna ekstrakcja palety nie jest prostym losowym próbkowaniem pikseli. Wykorzystuje algorytm Median Cut, technikę rekurencyjnego partycjonowania, która zapewnia wierne odwzorowanie:' },
     { type: 'list', items: [
-        '<strong>Podział Rekurencyjny:</strong> „Kostka kolorów” RGB obrazu jest rekurencyjnie dzielona na mniejsze pudełka.',
+        '<strong>Podział Rekurencyjny:</strong> \"Kostka kolorów\" RGB obrazu jest rekurencyjnie dzielona na mniejsze pudełka.',
         '<strong>Równowaga Objętości:</strong> Każda partycja dąży do pogrupowania pikseli z tej samej przestrzeni barw o podobnych objętościach.',
         '<strong>Średnia Ważona:</strong> Wynikowy kolor każdego pudełka jest średnią wszystkich pikseli, które zawiera.',
         '<strong>Wierne Odwzorowanie:</strong> Dominujące kolory odzwierciedlają rzeczywistą atmosferę wizualną obrazu, a nie prostą próbkę.'

package/src/tool/chromaticLens/i18n/ru.ts

@@ -20,7 +20,7 @@ const ui: ChromaticLensUI = {
 const faq: ChromaticLensLocaleContent['faq'] = [
     {
         question: "Как работает извлечение цвета?",
-        answer: "Мы используем алгоритм «Median Cut», который группирует пиксели изображения в соответствии с их близостью в цветовом пространстве RGB для поиска наиболее репрезентативных тонов.",
+        answer: "Мы используем алгоритм \"Median Cut\", который группирует пиксели изображения в соответствии с их близостью в цветовом пространстве RGB для поиска наиболее репрезентативных тонов.",
     },
     {
         question: "Могу ли я копировать цвета в свой дизайнерский редактор?",
@@ -57,9 +57,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         title: 'Интеллектуальное извлечение цветовой палитры',
         items: [
             'Профессиональный алгоритм Median Cut для анализа цвета',
-            'Извлечение 3–12 доминирующих цветов из любого изображения',
+            'Извлечение 3-12 доминирующих цветов из любого изображения',
             'HEX-коды копируются непосредственно в буфер обмена',
-            '100% локальная обработка — идеально для креативщиков'
+            '100% локальная обработка - идеально для креативщиков'
         ]
     },
     { type: 'title', text: 'Извлечение цветовой палитры: наука и дизайн', level: 2 },
@@ -72,9 +72,9 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     ], columns: 3 },
 
     { type: 'title', text: 'Объяснение алгоритма Median Cut', level: 3 },
-    { type: 'paragraph', html: 'Интеллектуальное извлечение палитры — это не простая случайная выборка пикселей. Оно использует алгоритм Median Cut, метод рекурсивного разделения, который обеспечивает верное представление:' },
+    { type: 'paragraph', html: 'Интеллектуальное извлечение палитры - это не простая случайная выборка пикселей. Оно использует алгоритм Median Cut, метод рекурсивного разделения, который обеспечивает верное представление:' },
     { type: 'list', items: [
-        '<strong>Рекурсивное деление:</strong> «Цветовой куб» RGB изображения рекурсивно делится на более мелкие блоки.',
+        '<strong>Рекурсивное деление:</strong> \"Цветовой куб\" RGB изображения рекурсивно делится на более мелкие блоки.',
         '<strong>Баланс объема:</strong> Каждый раздел стремится сгруппировать пиксели одного цветового пространства с похожими объемами.',
         '<strong>Средневзвешенное значение:</strong> Результирующий цвет каждого блока является средним значением всех содержащихся в нем пикселей.',
         '<strong>Точное представление:</strong> Доминирующие цвета отражают реальную визуальную атмосферу изображения, а не просто случайную пробу.'
@@ -138,15 +138,15 @@ const seo: ChromaticLensLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Математическая точность при извлечении — не приблизительный визуальный выбор',
+            pro: 'Математическая точность при извлечении - не приблизительный визуальный выбор',
             con: 'Могут быть включены едва видимые цвета, если в них много пикселей'
         },
         {
-            pro: 'Мгновенное копирование в буфер обмена — идеальная интеграция с рабочим процессом',
+            pro: 'Мгновенное копирование в буфер обмена - идеальная интеграция с рабочим процессом',
             con: 'Требуется современный браузер, совместимый с Canvas API'
         },
         {
-            pro: 'Полная конфиденциальность — 100% локальный анализ без отправки данных',
+            pro: 'Полная конфиденциальность - 100% локальный анализ без отправки данных',
             con: 'История предыдущих анализов не сохраняется'
         },
         {
@@ -164,7 +164,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
         },
         {
             term: 'Цветовое пространство RGB',
-            definition: 'Цветовая модель, основанная на красном, зеленом и синем цветах. Каждый цвет представлен как комбинация этих трех значений (0–255). Стандарт для цифровых экранов и веб-интерфейсов.'
+            definition: 'Цветовая модель, основанная на красном, зеленом и синем цветах. Каждый цвет представлен как комбинация этих трех значений (0-255). Стандарт для цифровых экранов и веб-интерфейсов.'
         },
         {
             term: 'HEX-код',
@@ -183,7 +183,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'message', title: 'Профессиональный хроматический анализ', ariaLabel: 'Техническая информация об анализе цвета', html: 'Chromatic Lens превращает ручной визуальный анализ в алгоритмическую точность. Он не просто извлекает цвета: он улавливает эмоциональную и визуальную суть любого изображения, помещая её прямо в ваш буфер обмена в виде готовых к использованию HEX-кодов. Полная конфиденциальность, без ограничений по объему анализа.' },
 
     { type: 'title', text: 'Дизайн на основе визуального вдохновения', level: 3 },
-    { type: 'paragraph', html: 'Лучшая цветовая палитра — та, которая улавливает визуальный замысел вашего референса. Chromatic Lens автоматизирует то, что раньше было ручным процессом: наблюдение, анализ, запись. Теперь просто перетащите изображение и получите профессиональные HEX-коды за считанные секунды.' }
+    { type: 'paragraph', html: 'Лучшая цветовая палитра - та, которая улавливает визуальный замысел вашего референса. Chromatic Lens автоматизирует то, что раньше было ручным процессом: наблюдение, анализ, запись. Теперь просто перетащите изображение и получите профессиональные HEX-коды за считанные секунды.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/chromaticLens/i18n/zh.ts

@@ -20,7 +20,7 @@ const ui: ChromaticLensUI = {
 const faq: ChromaticLensLocaleContent['faq'] = [
     {
         question: "色彩提取是如何工作的？",
-        answer: "我们使用“中位切分”（Median Cut）算法。该算法根据图像像素在 RGB 色彩空间中的接近程度进行分组，从而找到最具代表性的色调。",
+        answer: "我们使用\"中位切分\"（Median Cut）算法。该算法根据图像像素在 RGB 色彩空间中的接近程度进行分组，从而找到最具代表性的色调。",
     },
     {
         question: "我可以将颜色复制到我的设计编辑器吗？",
@@ -74,7 +74,7 @@ const seo: ChromaticLensLocaleContent['seo'] = [
     { type: 'title', text: '中位切分算法详解', level: 3 },
     { type: 'paragraph', html: '智能调色盘提取并非简单的随机采样。它使用中位切分（Median Cut）算法，这是一种确保忠实呈现的递归切分技术：' },
     { type: 'list', items: [
-        '<strong>递归细分：</strong> 图像的 RGB “色彩立方体”被递归地细分为更小的方块。',
+        '<strong>递归细分：</strong> 图像的 RGB \"色彩立方体\"被递归地细分为更小的方块。',
         '<strong>体积平衡：</strong> 每个分区都力求将色彩空间中体积相似的像素归为一类。',
         '<strong>加权平均：</strong> 每个方块最终产生的颜色是其包含的所有像素的平均值。',
         '<strong>忠实呈现：</strong> 主导色彩反映了图像真实的视觉氛围，而不仅仅是简单的样本。'

package/src/tool/collageMaker/component.astro

@@ -16,7 +16,7 @@ const dropSub = (ui.dropSub ?? '').replace('{link}', `<span class="cm-drop-link"
       <div class="cm-left-col">
 
         <div id="cm-drop-zone" class="cm-drop-zone">
-          <input type="file" id="cm-file-input" accept="image/*" multiple />
+          <input type="file" id="cm-file-input" accept="image/*" multiple aria-label={ui.dropTitle} />
           <svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <rect x="3" y="3" width="18" height="18" rx="2"/>
             <circle cx="8.5" cy="8.5" r="1.5"/>
@@ -64,14 +64,14 @@ const dropSub = (ui.dropSub ?? '').replace('{link}', `<span class="cm-drop-link"
           <input type="range" id="cm-border-width" min="0" max="30" value="0" class="cm-slider" />
         </div>
         <div class="cm-setting">
-          <label class="cm-setting-label">{ui.borderColorLabel}</label>
+          <label class="cm-setting-label" for="cm-border-color">{ui.borderColorLabel}</label>
           <div class="cm-color-row">
             <input type="color" id="cm-border-color" value="#ffffff" class="cm-color-swatch" />
             <span id="cm-bc-val" class="cm-color-code">#FFFFFF</span>
           </div>
         </div>
         <div class="cm-setting">
-          <label class="cm-setting-label">{ui.bgColorLabel}</label>
+          <label class="cm-setting-label" for="cm-bg-color">{ui.bgColorLabel}</label>
           <div class="cm-color-row">
             <input type="color" id="cm-bg-color" value="#1a1a1a" class="cm-color-swatch" />
             <span id="cm-bg-val" class="cm-color-code">#1A1A1A</span>

package/src/tool/collageMaker/i18n/de.ts

@@ -8,7 +8,7 @@ const description = 'Erstellen Sie in Sekundenschnelle kostenlos Fotocollagen. W
 
 const ui: CollageMakerUI = {
     dropTitle: "Bilder hierher ziehen",
-    dropSub: "oder {link} – min. 2, max. 9",
+    dropSub: "oder {link} - min. 2, max. 9",
     dropLink: "Dateien auswählen",
     imgsLoaded: "Geladene Bilder",
     layoutLabel: "Layout",
@@ -80,7 +80,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         '<strong>Gleichgewicht:</strong> Visuelle Verteilung des Gewichts (helle vs. dunkle Bilder, große vs. kleine).',
         '<strong>Visueller Fluss:</strong> Das Auge sollte die Komposition natürlich durchqueren, ohne tote Winkel.',
         '<strong>Kontrast:</strong> Variationen in Farbe, Größe und Form, die Aufmerksamkeit erregen.',
-        '<strong>Einheit:</strong> Thematische Kohärenz – Bilder müssen gemeinsam dieselbe Geschichte erzählen.'
+        '<strong>Einheit:</strong> Thematische Kohärenz - Bilder müssen gemeinsam dieselbe Geschichte erzählen.'
     ], icon: 'mdi:check' },
 
     { type: 'card', title: 'Intelligente und adaptive Designs', html: 'Unser System berechnet automatisch die optimale Platzverteilung basierend auf der Anzahl der Fotos. 2 Bilder = symmetrisches Raster; 5 Bilder = ausgewogene asymmetrische Verteilung. Jedes Raster ist darauf ausgelegt, die visuelle Wirkung zu maximieren.' },
@@ -88,7 +88,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
     { type: 'comparative', items: [
         {
             title: 'Für soziale Netzwerke',
-            description: 'Instagram, TikTok, Facebook – quadratische Formate',
+            description: 'Instagram, TikTok, Facebook - quadratische Formate',
             icon: 'mdi:share-all',
             points: [
                 '1200px ist perfekt für den Instagram-Feed',
@@ -129,7 +129,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Professionelle vordefinierte Designs – keine Kenntnisse in Komposition erforderlich',
+            pro: 'Professionelle vordefinierte Designs - keine Kenntnisse in Komposition erforderlich',
             con: 'Optionen auf vordefinierte Raster beschränkt'
         },
         {
@@ -137,7 +137,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
             con: 'Nicht so anpassbar wie Photoshop'
         },
         {
-            pro: '100% lokale Verarbeitung – Privatsphäre, Schnelligkeit, keine Limits',
+            pro: '100% lokale Verarbeitung - Privatsphäre, Schnelligkeit, keine Limits',
             con: 'Erfordert einen modernen Browser'
         },
         {
@@ -171,7 +171,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         }
     ] },
 
-    { type: 'message', title: 'Sofortige visuelle Erzählung', ariaLabel: 'Informationen über Komposition und Collagen', html: 'Jede Collage erzählt eine Geschichte. Unser automatischer Designer sorgt dafür, dass Ihre visuellen Geschichten ausgewogen und professionell wirken und bereit für die Welt sind – ohne auf einen Grafiker warten zu müssen.' },
+    { type: 'message', title: 'Sofortige visuelle Erzählung', ariaLabel: 'Informationen über Komposition und Collagen', html: 'Jede Collage erzählt eine Geschichte. Unser automatischer Designer sorgt dafür, dass Ihre visuellen Geschichten ausgewogen und professionell wirken und bereit für die Welt sind - ohne auf einen Grafiker warten zu müssen.' },
 
     { type: 'title', text: 'Erstellen, teilen, inspirieren', level: 3 },
     { type: 'paragraph', html: 'Eine gut gemachte Collage macht den Unterschied zwischen einem vergesslichen Post und einem, an den sich Ihre Follower erinnern und den sie teilen. Nutzen Sie intelligente Komposition für Ihre visuellen Geschichten, um Wirkung zu erzielen.' }

package/src/tool/collageMaker/i18n/fr.ts

@@ -65,7 +65,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
             'Traitement instantané sans limites d\'utilisation'
         ]
     },
-    { type: 'title', text: 'Conception de Collages : Des Compositions qui Racontent des Histoires', level: 2 },
+    { type: 'title', text: 'Conception de Collages: Des Compositions qui Racontent des Histoires', level: 2 },
     { type: 'paragraph', html: 'Un collage est plus qu\'un mélange de photos ; c\'est un récit visuel qui communique une émotion et un contexte. Notre outil permet de créer des compositions géométriques professionnelles pour Instagram, Facebook, Pinterest ou des projets personnels sans avoir besoin de Photoshop ou de logiciels coûteux.' },
 
     { type: 'stats', items: [
@@ -74,7 +74,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         { value: 'Instantané', label: 'Génération', icon: 'mdi:lightning-bolt' }
     ], columns: 3 },
 
-    { type: 'title', text: 'Composition Visuelle : Principes de Design', level: 3 },
+    { type: 'title', text: 'Composition Visuelle: Principes de Design', level: 3 },
     { type: 'paragraph', html: 'La composition est l\'art d\'organiser les éléments visuels de manière à guider l\'œil du spectateur et à communiquer une intention. Un bon collage équilibre :' },
     { type: 'list', items: [
         '<strong>Équilibre :</strong> Distribution visuelle du poids (images claires vs sombres, grandes vs petites).',
@@ -119,7 +119,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         }
     ], columns: 3 },
 
-    { type: 'title', text: 'Personnalisation : Bordures et Couleurs', level: 3 },
+    { type: 'title', text: 'Personnalisation: Bordures et Couleurs', level: 3 },
     { type: 'table', headers: ['Élément', 'Effet Visuel', 'Recommandation'], rows: [
         ['Bordure Blanche', 'Propre, minimaliste, moderne', 'Réseaux sociaux, portfolios numériques'],
         ['Bordure Noire', 'Dramatique, professionnel, artistique', 'Photographie d\'art, mode, luxe'],
@@ -155,7 +155,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         },
         {
             term: 'Règle des Tiers',
-            definition: 'Principe de composition : divise l\'image en 9 zones égales (3x3). Positionnez les sujets sur les lignes d\'intersection pour un impact maximal.'
+            definition: 'Principe de composition: divise l\'image en 9 zones égales (3x3). Positionnez les sujets sur les lignes d\'intersection pour un impact maximal.'
         },
         {
             term: 'Grille Symétrique',

package/src/tool/collageMaker/i18n/pl.ts

@@ -80,7 +80,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         '<strong>Równowagę:</strong> Wizualne rozłożenie ciężaru (jasne vs ciemne obrazy, duże vs małe).',
         '<strong>Przepływ Wizualny:</strong> Wzrok powinien naturalnie poruszać się po kompozycji, bez martwych punktów.',
         '<strong>Kontrast:</strong> Zmiany koloru, rozmiaru i kształtu, które przyciągają uwagę.',
-        '<strong>Jedność:</strong> Spójność tematyczna – obrazy muszą „mówić razem” o tej samej historii.'
+        '<strong>Jedność:</strong> Spójność tematyczna - obrazy muszą \"mówić razem\" o tej samej historii.'
     ], icon: 'mdi:check' },
 
     { type: 'card', title: 'Inteligentne i adaptacyjne projekty', html: 'Nasz system automatycznie oblicza optymalny rozkład przestrzeni na podstawie liczby zdjęć. 2 zdjęcia = siatka symetryczna; 5 zdjęć = zrównoważony rozkład asymetryczny. Każda siatka jest zaprojektowana tak, aby zmaksymalizować wpływ wizualny.' },
@@ -88,7 +88,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
     { type: 'comparative', items: [
         {
             title: 'Dla mediów społecznościowych',
-            description: 'Instagram, TikTok, Facebook – formaty kwadratowe',
+            description: 'Instagram, TikTok, Facebook - formaty kwadratowe',
             icon: 'mdi:share-all',
             points: [
                 '1200px to idealna rozdzielczość dla feedu na Instagramie',
@@ -129,7 +129,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Profesjonalne predefiniowane projekty – nie wymaga wiedzy o kompozycji',
+            pro: 'Profesjonalne predefiniowane projekty - nie wymaga wiedzy o kompozycji',
             con: 'Opcje ograniczone do ustalonych siatek'
         },
         {
@@ -137,7 +137,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
             con: 'Mniejsza swoboda niż w Photoshopie'
         },
         {
-            pro: '100% lokalne przetwarzanie – prywatność, szybkość, brak limitów',
+            pro: '100% lokalne przetwarzanie - prywatność, szybkość, brak limitów',
             con: 'Wymaga nowoczesnej przeglądarki'
         },
         {
@@ -171,7 +171,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         }
     ] },
 
-    { type: 'message', title: 'Natychmiastowa Narracja Wizualna', ariaLabel: 'Informacje o kompozycji i kolażach', html: 'Każdy kolaż opowiada historię. Nasz automatyczny projektant dba o to, aby Twoje wizualne historie były zrównoważone, profesjonalne i gotowe na świat – bez konieczności czekania na pracę grafika.' },
+    { type: 'message', title: 'Natychmiastowa Narracja Wizualna', ariaLabel: 'Informacje o kompozycji i kolażach', html: 'Każdy kolaż opowiada historię. Nasz automatyczny projektant dba o to, aby Twoje wizualne historie były zrównoważone, profesjonalne i gotowe na świat - bez konieczności czekania na pracę grafika.' },
 
     { type: 'title', text: 'Twórz, Udostępniaj, Inspiruj', level: 3 },
     { type: 'paragraph', html: 'Dobrze zrobiony kolaż to różnica między postem, o którym szybko się zapomina, a takim, który obserwujący zapamiętają i udostępnią. Wykorzystaj inteligentną kompozycję w swoich wizualnych historiach, aby wywrzeć wrażenie.' }

package/src/tool/collageMaker/i18n/ru.ts

@@ -8,7 +8,7 @@ const description = 'Создавайте фотоколлажи бесплат
 
 const ui: CollageMakerUI = {
     dropTitle: "Перетащите изображения сюда",
-    dropSub: "или {link} — мин. 2, макс. 9",
+    dropSub: "или {link} - мин. 2, макс. 9",
     dropLink: "выберите файлы",
     imgsLoaded: "Загруженные изображения",
     layoutLabel: "Макет",
@@ -66,7 +66,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         ]
     },
     { type: 'title', text: 'Дизайн коллажа: композиции, которые рассказывают истории', level: 2 },
-    { type: 'paragraph', html: 'Коллаж — это больше, чем просто набор фотографий; это визуальное повествование, передающее эмоции и контекст. Наш инструмент позволяет создавать профессиональные геометрические композиции для Instagram, Facebook, Pinterest или личных проектов без использования Photoshop или дорогого ПО.' },
+    { type: 'paragraph', html: 'Коллаж - это больше, чем просто набор фотографий; это визуальное повествование, передающее эмоции и контекст. Наш инструмент позволяет создавать профессиональные геометрические композиции для Instagram, Facebook, Pinterest или личных проектов без использования Photoshop или дорогого ПО.' },
 
     { type: 'stats', items: [
         { value: '2-9', label: 'Фото в коллаже', icon: 'mdi:image-multiple' },
@@ -75,12 +75,12 @@ const seo: CollageMakerLocaleContent['seo'] = [
     ], columns: 3 },
 
     { type: 'title', text: 'Визуальная композиция: принципы дизайна', level: 3 },
-    { type: 'paragraph', html: 'Композиция — это искусство организации визуальных элементов так, чтобы направлять взгляд зрителя и передавать идею. Хороший коллаж соблюдает баланс:' },
+    { type: 'paragraph', html: 'Композиция - это искусство организации визуальных элементов так, чтобы направлять взгляд зрителя и передавать идею. Хороший коллаж соблюдает баланс:' },
     { type: 'list', items: [
         '<strong>Баланс:</strong> визуальное распределение веса (светлые и темные фото, крупные и мелкие детали).',
-        '<strong>Визуальный поток:</strong> взгляд должен плавно перемещаться по композиции без «мертвых зон».',
+        '<strong>Визуальный поток:</strong> взгляд должен плавно перемещаться по композиции без \"мертвых зон\".',
         '<strong>Контраст:</strong> различия в цвете, размере и форме, привлекающие внимание.',
-        '<strong>Единство:</strong> тематическая связность — изображения должны «говорить вместе» об одной истории.'
+        '<strong>Единство:</strong> тематическая связность - изображения должны \"говорить вместе\" об одной истории.'
     ], icon: 'mdi:check' },
 
     { type: 'card', title: 'Умные и адаптивные макеты', html: 'Наша система автоматически рассчитывает оптимальное распределение пространства в зависимости от количества фотографий. 2 фото = симметричная сетка; 5 фото = сбалансированное асимметричное распределение. Каждая сетка разработана для максимального визуального эффекта.' },
@@ -88,10 +88,10 @@ const seo: CollageMakerLocaleContent['seo'] = [
     { type: 'comparative', items: [
         {
             title: 'Для социальных сетей',
-            description: 'Instagram, TikTok, Facebook — квадратные форматы',
+            description: 'Instagram, TikTok, Facebook - квадратные форматы',
             icon: 'mdi:share-all',
             points: [
-                '1200px — идеальное разрешение для ленты Instagram',
+                '1200px - идеальное разрешение для ленты Instagram',
                 'Квадратный формат исключает обрезку при публикации',
                 'Настраиваемые рамки для личного брендинга'
             ],
@@ -129,7 +129,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Профессиональные макеты — знания композиции не требуются',
+            pro: 'Профессиональные макеты - знания композиции не требуются',
             con: 'Ограниченный выбор готовых сеток'
         },
         {
@@ -137,7 +137,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
             con: 'Меньше гибкости, чем в Photoshop'
         },
         {
-            pro: '100% локальная обработка — конфиденциальность, скорость, без лимитов',
+            pro: '100% локальная обработка - конфиденциальность, скорость, без лимитов',
             con: 'Требуется современный браузер'
         },
         {
@@ -146,7 +146,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         }
     ], proTitle: 'Преимущества', conTitle: 'Ограничения' },
 
-    { type: 'diagnostic', variant: 'success', title: 'Готов для соцсетей', icon: 'mdi:check-circle-outline', badge: 'Оптимизирован', html: '1200x1200px — идеальное разрешение для Instagram. Оно поддерживает любые пропорции, но квадратный формат максимизирует эффект в ленте, исключает обрезку и отлично смотрится на десктопе, планшете и смартфоне.' },
+    { type: 'diagnostic', variant: 'success', title: 'Готов для соцсетей', icon: 'mdi:check-circle-outline', badge: 'Оптимизирован', html: '1200x1200px - идеальное разрешение для Instagram. Оно поддерживает любые пропорции, но квадратный формат максимизирует эффект в ленте, исключает обрезку и отлично смотрится на десктопе, планшете и смартфоне.' },
 
     { type: 'glossary', items: [
         {
@@ -171,10 +171,10 @@ const seo: CollageMakerLocaleContent['seo'] = [
         }
     ] },
 
-    { type: 'message', title: 'Мгновенная визуальная история', ariaLabel: 'Информация о композиции и коллажах', html: 'Каждый коллаж — это история. Наш автоматический дизайнер позаботится о том, чтобы она была сбалансированной и профессиональной. Вам не нужно ждать работы графического дизайнера.' },
+    { type: 'message', title: 'Мгновенная визуальная история', ariaLabel: 'Информация о композиции и коллажах', html: 'Каждый коллаж - это история. Наш автоматический дизайнер позаботится о том, чтобы она была сбалансированной и профессиональной. Вам не нужно ждать работы графического дизайнера.' },
 
     { type: 'title', text: 'Создавайте, делитесь, вдохновляйте', level: 3 },
-    { type: 'paragraph', html: 'Качественный коллаж — это разница между обычным постом и тем, который запомнят и репостнут. Используйте умную композицию, чтобы ваши истории производили эффект.' }
+    { type: 'paragraph', html: 'Качественный коллаж - это разница между обычным постом и тем, который запомнят и репостнут. Используйте умную композицию, чтобы ваши истории производили эффект.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/collageMaker/i18n/sv.ts

@@ -80,7 +80,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         '<strong>Balans:</strong> Visuell fördelning av vikt (ljusa vs mörka bilder, stora vs små).',
         '<strong>Visuellt flöde:</strong> Ögat bör röra sig naturligt genom kompositionen utan döda punkter.',
         '<strong>Kontrast:</strong> Variationer i färg, storlek och form som fångar uppmärksamheten.',
-        '<strong>Enhet:</strong> Tematisk koherens – bilderna måste \"tala tillsammans\" om samma berättelse.'
+        '<strong>Enhet:</strong> Tematisk koherens - bilderna måste \"tala tillsammans\" om samma berättelse.'
     ], icon: 'mdi:check' },
 
     { type: 'card', title: 'Smarta och adaptiva designer', html: 'Vårt system beräknar automatiskt den optimala rumsfördelningen baserat på antalet foton. 2 bilder = symmetriskt rutnät; 5 bilder = balanserad asymmetrisk fördelning. Varje rutnät är utformat för att maximera den visuella effekten.' },
@@ -129,7 +129,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
 
     { type: 'proscons', items: [
         {
-            pro: 'Professionella fördefinierade designer – inga förkunskaper i komposition krävs',
+            pro: 'Professionella fördefinierade designer - inga förkunskaper i komposition krävs',
             con: 'Alternativen är begränsade till förutbestämda rutnät'
         },
         {
@@ -137,7 +137,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
             con: 'Inte lika anpassningsbart som Photoshop'
         },
         {
-            pro: '100% lokal bearbetning – integritet, snabbhet, inga gränser',
+            pro: '100% lokal bearbetning - integritet, snabbhet, inga gränser',
             con: 'Kräver en modern webbläsare'
         },
         {

package/src/tool/collageMaker/i18n/zh.ts

@@ -80,7 +80,7 @@ const seo: CollageMakerLocaleContent['seo'] = [
         '<strong>平衡：</strong> 视觉重量的分布（明亮与阴暗图像、大图与小图）。',
         '<strong>视觉流：</strong> 视线应自然地穿过构图，没有死角。',
         '<strong>对比：</strong> 颜色、大小和形状的变化，以吸引注意力。',
-        '<strong>统一：</strong> 主题连贯性——图像必须“共同讲述”同一个故事。'
+        '<strong>统一：</strong> 主题连贯性，图像必须\"共同讲述\"同一个故事。'
     ], icon: 'mdi:check' },
 
     { type: 'card', title: '智能自适应设计', html: '我们的系统根据照片数量自动计算最佳空间分布。2 张图像 = 对称网格；5 张图像 = 平衡的非对称分布。每个网格都旨在最大化视觉冲击力。' },

package/src/tool/depthOfFieldCalculator/component.astro

@@ -37,7 +37,7 @@ const moreSensors  = SENSOR_PRESETS.filter(s => !QUICK_SENSOR_KEYS.includes(s.ke
         </div>
         <div class="dof-sensor-row">
           <div class="dof-select-wrapper">
-            <select id="dof-sensor-more" class="dof-select">
+            <select id="dof-sensor-more" class="dof-select" aria-label={ui.sensorLabel}>
               <option value="">{ui.moreLabel}</option>
               {moreSensors.map(s => (
                 <option value={s.key} data-coc={s.coc}>{s.label}</option>

package/src/tool/depthOfFieldCalculator/i18n/de.ts

@@ -10,7 +10,7 @@ const ui: DepthOfFieldUI = {
     title: 'Schärfentiefe Rechner',
     paramsTitle: 'Parameter',
     sensorLabel: 'Kamerasensor',
-    moreLabel: 'Weitere Sensoren…',
+    moreLabel: 'Weitere Sensoren...',
     apertureLabel: 'Blende',
     focalLabel: 'Brennweite',
     distanceLabel: 'Motivabstand',
@@ -80,7 +80,7 @@ const seo: DepthOfFieldLocaleContent['seo'] = [
 
     { type: 'title', text: 'Die hyperfokale Distanz: Maximale Schärfe', level: 3 },
     { type: 'paragraph', html: 'Wenn Sie auf die <strong>hyperfokale Distanz</strong> fokussieren, erscheint alles von der halben Distanz bis Unendlich scharf. Ideal für die Landschaftsfotografie.' },
-    { type: 'tip', title: 'Praxistipp', html: 'Stellen Sie in der Straßenfotografie den Fokus auf die Hyperfokaldistanz ein. Mit einem 35mm-Objektiv an APS-C bei f/8 liegt diese bei ca. <strong>4 Metern</strong> – alles von 2m bis Unendlich wird scharf.' },
+    { type: 'tip', title: 'Praxistipp', html: 'Stellen Sie in der Straßenfotografie den Fokus auf die Hyperfokaldistanz ein. Mit einem 35mm-Objektiv an APS-C bei f/8 liegt diese bei ca. <strong>4 Metern</strong> - alles von 2m bis Unendlich wird scharf.' },
 
     { type: 'title', text: 'Sensorgröße und Zerstreuungskreis', level: 3 },
     { type: 'paragraph', html: 'Der <strong>Zerstreuungskreis (CoC)</strong> definiert die akzeptable Schärfe. Ein Vollformatsensor hat einen CoC von 0,030 mm; ein Smartphonesensor ca. 0,006 mm. Kleinere CoC-Werte bedeuten strengere Schärfekriterien.' },
@@ -92,7 +92,7 @@ const seo: DepthOfFieldLocaleContent['seo'] = [
 
     { type: 'title', text: 'DoF im Kino: Brennweite vs. Sensor', level: 3 },
     { type: 'paragraph', html: 'Cinematographen, die auf Super 35 drehen, nutzen oft längere Brennweiten für den typischen "Cinematic Look". Die Kombination aus lichtstarkem Objektiv und 85mm+ Brennweite ist der Klassiker.' },
-    { type: 'diagnostic', variant: 'success', title: 'Die Fokus Verteilungsregel', icon: 'mdi:lightbulb-outline', badge: 'Profi Technik', html: 'Bei einem Motiv in 3m Entfernung mit 50mm bei f/2.8: Der Bereich hinter dem Motiv ist immer größer als der davor – etwa im <strong>Verhältnis 2:1</strong>.' },
+    { type: 'diagnostic', variant: 'success', title: 'Die Fokus Verteilungsregel', icon: 'mdi:lightbulb-outline', badge: 'Profi Technik', html: 'Bei einem Motiv in 3m Entfernung mit 50mm bei f/2.8: Der Bereich hinter dem Motiv ist immer größer als der davor - etwa im <strong>Verhältnis 2:1</strong>.' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/depthOfFieldCalculator/i18n/en.ts

@@ -10,7 +10,7 @@ const ui: DepthOfFieldUI = {
     title: 'Depth of Field Calculator',
     paramsTitle: 'Parameters',
     sensorLabel: 'Camera Sensor',
-    moreLabel: 'More sensors…',
+    moreLabel: 'More sensors...',
     apertureLabel: 'Aperture',
     focalLabel: 'Focal Length',
     distanceLabel: 'Subject Distance',
@@ -40,7 +40,7 @@ const faq: DepthOfFieldLocaleContent['faq'] = [
     },
     {
         question: 'Why does a larger aperture (smaller f-number) reduce DoF?',
-        answer: 'A wider aperture collects light over a larger area of the lens, which increases the size of the circle of confusion for out-of-focus points. This narrows the zone of acceptable sharpness — the depth of field.',
+        answer: 'A wider aperture collects light over a larger area of the lens, which increases the size of the circle of confusion for out-of-focus points. This narrows the zone of acceptable sharpness - the depth of field.',
     },
     {
         question: 'How does sensor size affect depth of field?',
@@ -55,11 +55,11 @@ const howTo: DepthOfFieldLocaleContent['howTo'] = [
     },
     {
         name: 'Set aperture and focal length',
-        text: 'Drag the aperture slider to choose an f-stop in 1/3-stop increments. Drag the focal length slider — it uses a logarithmic scale so wide-angle changes are more granular.',
+        text: 'Drag the aperture slider to choose an f-stop in 1/3-stop increments. Drag the focal length slider - it uses a logarithmic scale so wide-angle changes are more granular.',
     },
     {
         name: 'Set the subject distance',
-        text: 'Drag the subject distance slider to the distance between your camera and the main subject. Toggle between metres and feet as needed — your last choice is remembered.',
+        text: 'Drag the subject distance slider to the distance between your camera and the main subject. Toggle between metres and feet as needed - your last choice is remembered.',
     },
     {
         name: 'Read the results',
@@ -80,7 +80,7 @@ const seo: DepthOfFieldLocaleContent['seo'] = [
 
     { type: 'title', text: 'The Hyperfocal Distance: Maximum Sharpness', level: 3 },
     { type: 'paragraph', html: 'When you focus at the <strong>hyperfocal distance</strong>, everything from half that distance to infinity appears acceptably sharp. Landscape photographers use this technique to ensure both a foreground rock and distant mountains are in focus simultaneously.' },
-    { type: 'tip', title: 'Practical tip', html: 'For street photography, set your focus to the hyperfocal distance and shoot without looking through the viewfinder. With a 35mm lens on APS-C at f/8, the hyperfocal distance is roughly <strong>4 metres</strong> — everything from 2m to infinity will be sharp.' },
+    { type: 'tip', title: 'Practical tip', html: 'For street photography, set your focus to the hyperfocal distance and shoot without looking through the viewfinder. With a 35mm lens on APS-C at f/8, the hyperfocal distance is roughly <strong>4 metres</strong> - everything from 2m to infinity will be sharp.' },
 
     { type: 'title', text: 'Sensor Size and the Circle of Confusion', level: 3 },
     { type: 'paragraph', html: 'The <strong>circle of confusion (CoC)</strong> is the threshold that defines "acceptable sharpness" for a given sensor format. A Full Frame sensor has a CoC of 0.030mm; a smartphone sensor uses ~0.006mm. Smaller CoC values mean stricter sharpness criteria and, consequently, shallower perceived depth of field.' },
@@ -91,8 +91,8 @@ const seo: DepthOfFieldLocaleContent['seo'] = [
     ]},
 
     { type: 'title', text: 'DoF in Cinema: Focal Length vs. Sensor', level: 3 },
-    { type: 'paragraph', html: 'Cinematographers shooting on Super 35 (close to APS-C) frequently use longer focal lengths to compress perspective, which also narrows DoF and creates the characteristic "cinematic look". The combination of a fast prime (f/1.4–f/2.8) and a 85mm+ focal length at portrait distances is the classic recipe.' },
-    { type: 'diagnostic', variant: 'success', title: 'The Focus Distribution Rule', icon: 'mdi:lightbulb-outline', badge: 'Pro Technique', html: 'For a subject at 3 metres with a 50mm lens at f/2.8 on Full Frame: near limit ≈ 2.73m, far limit ≈ 3.33m, total DoF ≈ 60cm. The back zone is always larger than the front zone — roughly <strong>2:1 ratio</strong> for most real-world distances.' },
+    { type: 'paragraph', html: 'Cinematographers shooting on Super 35 (close to APS-C) frequently use longer focal lengths to compress perspective, which also narrows DoF and creates the characteristic "cinematic look". The combination of a fast prime (f/1.4-f/2.8) and a 85mm+ focal length at portrait distances is the classic recipe.' },
+    { type: 'diagnostic', variant: 'success', title: 'The Focus Distribution Rule', icon: 'mdi:lightbulb-outline', badge: 'Pro Technique', html: 'For a subject at 3 metres with a 50mm lens at f/2.8 on Full Frame: near limit ≈ 2.73m, far limit ≈ 3.33m, total DoF ≈ 60cm. The back zone is always larger than the front zone - roughly <strong>2:1 ratio</strong> for most real-world distances.' },
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/depthOfFieldCalculator/i18n/es.ts

@@ -10,7 +10,7 @@ const ui: DepthOfFieldUI = {
     title: 'Profundidad de Campo',
     paramsTitle: 'Parámetros',
     sensorLabel: 'Sensor de la Cámara',
-    moreLabel: 'Más sensores…',
+    moreLabel: 'Más sensores...',
     apertureLabel: 'Apertura',
     focalLabel: 'Distancia Focal',
     distanceLabel: 'Distancia al Sujeto',
@@ -91,7 +91,7 @@ const seo: DepthOfFieldLocaleContent['seo'] = [
     ]},
 
     { type: 'title', text: 'La Profundidad de Campo en el Cine: Focal vs. Sensor', level: 3 },
-    { type: 'paragraph', html: 'Los cineastas que ruedan en Super 35 (cercano al APS-C) suelen usar distancias focales más largas para comprimir la perspectiva, lo que también reduce la profundidad de campo y crea el característico "look cinematográfico". La combinación de un objetivo luminoso (f/1.4–f/2.8) y una focal de más de 85mm a distancias de retrato es la receta clásica.' },
+    { type: 'paragraph', html: 'Los cineastas que ruedan en Super 35 (cercano al APS-C) suelen usar distancias focales más largas para comprimir la perspectiva, lo que también reduce la profundidad de campo y crea el característico "look cinematográfico". La combinación de un objetivo luminoso (f/1.4-f/2.8) y una focal de más de 85mm a distancias de retrato es la receta clásica.' },
     { type: 'diagnostic', variant: 'success', title: 'La Regla de Distribución del Enfoque', icon: 'mdi:lightbulb-outline', badge: 'Técnica Pro', html: 'Para un sujeto a 3 metros con un 50mm a f/2.8 en Full Frame: límite cercano ≈ 2,73m, límite lejano ≈ 3,33m, DoF total ≈ 60cm. La zona trasera siempre es mayor que la delantera, aproximadamente en una <strong>proporción 2:1</strong> para la mayoría de distancias reales.' },
 ];