@jjlmoya/utils-developer 1.13.0 → 1.15.0

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

@@ -16,7 +16,7 @@ const faqData = [
   {
     question: 'Почему важно соблюдать правильные пропорции?',
     answer:
-      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций — залог профессионального вида.',
+      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций - залог профессионального вида.',
   },
   {
     question: 'Как рассчитать высоту на основе ширины при заданном соотношении?',
@@ -26,7 +26,7 @@ const faqData = [
   {
     question: 'Какое стандартное соотношение сторон используется для видео на YouTube?',
     answer:
-      '16:9 — это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
+      '16:9 - это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
   },
   {
     question: 'Какое соотношение сторон используется для вертикальных видео в соцсетях?',
@@ -42,7 +42,7 @@ const howToData = [
   },
   {
     name: 'Настройте масштаб',
-    text: 'Измените значение ширины или высоты в разделе «Реальный масштаб». Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
+    text: 'Измените значение ширины или высоты в разделе "Реальный масштаб". Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
   },
   {
     name: 'Проверьте результат',
@@ -137,7 +137,7 @@ export const content: ToolLocaleContent<AspectRatioUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Несоблюдение соотношения сторон — частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах — от мобильных телефонов до ультрашироких мониторов.',
+      html: 'Несоблюдение соотношения сторон - частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах - от мобильных телефонов до ультрашироких мониторов.',
     },
     {
       type: 'title',

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

@@ -42,7 +42,7 @@ const howToData = [
   },
   {
     name: '调整缩放',
-    text: '在“实际缩放”部分更改宽度或高度值。工具将自动计算对应的数值以保持比例。',
+    text: '在"实际缩放"部分更改宽度或高度值。工具将自动计算对应的数值以保持比例。',
   },
   {
     name: '查看预览',

package/src/tool/aspectRatio/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await aspectRatio.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/calculadoraTiempoDatos/data-time-calculator-web-speed-impact.css

@@ -19,7 +19,7 @@
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
   }
 
-  :global(.theme-dark) .ctd-card {
+  .theme-dark .ctd-card {
     background: rgb(30, 41, 59);
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
   }
@@ -44,7 +44,7 @@
     flex-shrink: 0;
   }
 
-  .ctd-icon :global(svg) {
+  .ctd-icon svg {
     width: 32px;
     height: 32px;
   }
@@ -57,7 +57,7 @@
     letter-spacing: -0.02em;
   }
 
-  :global(.theme-dark) .ctd-header h2 {
+  .theme-dark .ctd-header h2 {
     color: rgb(241, 245, 249);
   }
 
@@ -75,7 +75,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-input-section > label {
+  .theme-dark .ctd-input-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -100,7 +100,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .ctd-input {
+  .theme-dark .ctd-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -112,7 +112,7 @@
     box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.1);
   }
 
-  :global(.theme-dark) .ctd-input:focus {
+  .theme-dark .ctd-input:focus {
     background: rgb(30, 41, 59);
   }
 
@@ -123,7 +123,7 @@
     white-space: nowrap;
   }
 
-  :global(.theme-dark) .ctd-input-unit {
+  .theme-dark .ctd-input-unit {
     color: rgb(203, 213, 225);
   }
 
@@ -158,7 +158,7 @@
     gap: 0.5rem;
   }
 
-  :global(.theme-dark) .ctd-preset {
+  .theme-dark .ctd-preset {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -171,7 +171,7 @@
     box-shadow: 0 8px 16px rgba(99, 102, 241, 0.2);
   }
 
-  :global(.theme-dark) .ctd-preset:hover {
+  .theme-dark .ctd-preset:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -196,7 +196,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-speed-section > label {
+  .theme-dark .ctd-speed-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -219,7 +219,7 @@
     transition: all 0.3s;
   }
 
-  :global(.theme-dark) .ctd-speed-btn {
+  .theme-dark .ctd-speed-btn {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
   }
@@ -230,7 +230,7 @@
     color: rgb(15, 23, 42);
   }
 
-  :global(.theme-dark) .ctd-speed-label {
+  .theme-dark .ctd-speed-label {
     color: rgb(241, 245, 249);
   }
 
@@ -240,7 +240,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-speed-value {
+  .theme-dark .ctd-speed-value {
     color: rgb(203, 213, 225);
   }
 
@@ -251,7 +251,7 @@
     box-shadow: 0 8px 16px rgba(99, 102, 241, 0.2);
   }
 
-  :global(.theme-dark) .ctd-speed-btn:hover {
+  .theme-dark .ctd-speed-btn:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -284,7 +284,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-multiplier-section > label {
+  .theme-dark .ctd-multiplier-section > label {
     color: rgb(203, 213, 225);
   }
 
@@ -307,7 +307,7 @@
     transition: all 0.2s;
   }
 
-  :global(.theme-dark) .ctd-times-btn {
+  .theme-dark .ctd-times-btn {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -318,7 +318,7 @@
     background: rgb(219, 234, 254);
   }
 
-  :global(.theme-dark) .ctd-times-btn:hover {
+  .theme-dark .ctd-times-btn:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -342,7 +342,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .ctd-times-input {
+  .theme-dark .ctd-times-input {
     background: rgb(15, 23, 42);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -364,7 +364,7 @@
     align-items: center;
   }
 
-  :global(.theme-dark) .ctd-results {
+  .theme-dark .ctd-results {
     background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(16, 185, 129, 0.05));
   }
 
@@ -384,7 +384,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .ctd-result-label {
+  .theme-dark .ctd-result-label {
     color: rgb(203, 213, 225);
   }
 
@@ -403,8 +403,8 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-result-life,
-  :global(.theme-dark) .ctd-result-life-total {
+  .theme-dark .ctd-result-life,
+  .theme-dark .ctd-result-life-total {
     color: rgb(203, 213, 225);
   }
 
@@ -414,7 +414,7 @@
     background: linear-gradient(180deg, transparent, rgb(203, 213, 225), transparent);
   }
 
-  :global(.theme-dark) .ctd-divider {
+  .theme-dark .ctd-divider {
     background: linear-gradient(180deg, transparent, rgba(203, 213, 225, 0.2), transparent);
   }
 
@@ -434,7 +434,7 @@
     transition: all 0.3s;
   }
 
-  :global(.theme-dark) .ctd-impact-card {
+  .theme-dark .ctd-impact-card {
     background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(255, 140, 0, 0.05));
     border-color: rgba(99, 102, 241, 0.1);
   }
@@ -461,7 +461,7 @@
     color: rgb(100, 116, 139);
   }
 
-  :global(.theme-dark) .ctd-impact-text {
+  .theme-dark .ctd-impact-text {
     color: rgb(203, 213, 225);
   }
 
@@ -477,7 +477,7 @@
     line-height: 1.6;
   }
 
-  :global(.theme-dark) .ctd-message {
+  .theme-dark .ctd-message {
     background: linear-gradient(135deg, rgba(254, 243, 199, 0.1), rgba(254, 202, 202, 0.1));
     border-color: rgba(251, 191, 36, 0.3);
     color: rgb(251, 191, 36);

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Website-Gewicht eingeben', text: 'Verwenden Sie Browser-Entwicklertools oder WebPageTest, um das Gewicht Ihrer Seite zu ermitteln. Geben Sie diesen Wert in MB ein.' },
   { name: 'Ladezeiten beobachten', text: 'Der Rechner zeigt an, wie viele Sekunden Ihre Website zum Laden bei 3G, 4G und 5G benötigt. Die realen Zeiten sind meist höher.' },
-  { name: 'Lebenszeitauswirkung verstehen', text: 'Der Prozentsatz der „Lebenszeit“ zeigt, wie viel Zeit jemand mit Warten verbringt. Nutzen Sie dies als Motivation zur Optimierung.' },
+  { name: 'Lebenszeitauswirkung verstehen', text: 'Der Prozentsatz der "Lebenszeit" zeigt, wie viel Zeit jemand mit Warten verbringt. Nutzen Sie dies als Motivation zur Optimierung.' },
   { name: 'Optimieren und neu berechnen', text: 'Messen Sie nach der Optimierung erneut und berechnen Sie neu. Sehen Sie, wie kleine Verbesserungen große Auswirkungen haben.' },
 ];
 

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Wpisz wagę swojej strony', text: 'Użyj narzędzi deweloperskich przeglądarki lub WebPageTest, aby sprawdzić wagę strony. Wpisz tę wartość w MB.' },
   { name: 'Obserwuj czasy ładowania', text: 'Kalkulator pokazuje, ile sekund zajmuje ładowanie strony w sieciach 3G, 4G i 5G. Czasy w rzeczywistości są zazwyczaj wyższe.' },
-  { name: 'Zrozum wpływ na czas życia', text: 'Procent „czasu życia” pokazuje, ile czyjegoś życia mija na czekaniu. Użyj tego jako motywacji do optymalizacji.' },
+  { name: 'Zrozum wpływ na czas życia', text: 'Procent "czasu życia" pokazuje, ile czyjegoś życia mija na czekaniu. Użyj tego jako motywacji do optymalizacji.' },
   { name: 'Optymalizuj i oblicz ponownie', text: 'Po optymalizacji zmierz ponownie i wykonaj obliczenia. Zobacz, jak małe ulepszenia mają duży wpływ.' },
 ];
 

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Введите вес вашего сайта', text: 'Используйте инструменты разработчика браузера или WebPageTest, чтобы узнать вес вашей страницы. Введите это значение в МБ.' },
   { name: 'Наблюдайте за временем загрузки', text: 'Калькулятор показывает, сколько секунд требуется вашему сайту для загрузки на 3G, 4G и 5G. Реальное время обычно выше.' },
-  { name: 'Поймите влияние на продолжительность жизни', text: 'Процент «времени жизни» показывает, сколько времени чьей-то жизни тратится на ожидание. Используйте это как мотивацию для оптимизации.' },
+  { name: 'Поймите влияние на продолжительность жизни', text: 'Процент "времени жизни" показывает, сколько времени чьей-то жизни тратится на ожидание. Используйте это как мотивацию для оптимизации.' },
   { name: 'Оптимизируйте и пересчитайте', text: 'После оптимизации измерьте показатели снова и сделайте перерасчет. Посмотрите, как небольшие улучшения приносят значительный результат.' },
 ];
 
@@ -114,7 +114,7 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     { type: 'title', text: 'Почему скорость загрузки сайта критически важна', level: 2 },
     {
       type: 'paragraph',
-      html: 'В сегодняшнюю цифровую эпоху скорость загрузки сайта — это не роскошь, а необходимость. Каждая миллисекунда имеет значение для удержания пользователей, улучшения рейтинга в поиске и максимизации конверсии. Современные пользователи ожидают, что страницы загрузятся менее чем за 3 секунды.',
+      html: 'В сегодняшнюю цифровую эпоху скорость загрузки сайта - это не роскошь, а необходимость. Каждая миллисекунда имеет значение для удержания пользователей, улучшения рейтинга в поиске и максимизации конверсии. Современные пользователи ожидают, что страницы загрузятся менее чем за 3 секунды.',
     },
     { type: 'title', text: 'Влияние на пользовательский опыт', level: 3 },
     {
@@ -125,9 +125,9 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     {
       type: 'list',
       items: [
-        '<strong>3G:</strong> 0,4 Мбит/с — часто встречается в сельской местности и развивающихся странах',
-        '<strong>4G/LTE:</strong> 10 Мбит/с — стандарт в развитых странах',
-        '<strong>5G:</strong> 100+ Мбит/с — постепенно расширяется, но все еще ограничен',
+        '<strong>3G:</strong> 0,4 Мбит/с - часто встречается в сельской местности и развивающихся странах',
+        '<strong>4G/LTE:</strong> 10 Мбит/с - стандарт в развитых странах',
+        '<strong>5G:</strong> 100+ Мбит/с - постепенно расширяется, но все еще ограничен',
       ],
     },
     { type: 'title', text: 'Стратегии по уменьшению веса сайта', level: 3 },

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

@@ -21,11 +21,11 @@ const faqData = [
   },
   {
     question: 'Hur mycket bör min webbplats väga?',
-    answer: 'Google rekommenderar att startsidan laddas på mindre än 3 sekunder via en typisk 4G-anslutning. För detta bör en webbplats helst väga mellan 1 och 2 MB. Det globala genomsnittet ligger dock nära 2–3 MB.',
+    answer: 'Google rekommenderar att startsidan laddas på mindre än 3 sekunder via en typisk 4G-anslutning. För detta bör en webbplats helst väga mellan 1 och 2 MB. Det globala genomsnittet ligger dock nära 2-3 MB.',
   },
   {
     question: 'Hur kan jag minska min webbplats vikt?',
-    answer: 'Huvudstrategier: optimera bilder (50–80 % av vikten), minifiera CSS och JavaScript, använda lazy loading, implementera webbläsarcache och använda en CDN. Bildoptimering är vanligtvis den mest effektiva faktorn.',
+    answer: 'Huvudstrategier: optimera bilder (50-80 % av vikten), minifiera CSS och JavaScript, använda lazy loading, implementera webbläsarcache och använda en CDN. Bildoptimering är vanligtvis den mest effektiva faktorn.',
   },
   {
     question: 'Påverkar laddningshastigheten Google-rankningen?',
@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: 'Ange din webbplats vikt', text: 'Använd webbläsarens utvecklarverktyg eller WebPageTest för att hitta din sidas vikt. Ange det värdet i MB.' },
   { name: 'Observera laddningstider', text: 'Kalkylatorn visar hur många sekunder det tar för din webbplats att ladda via 3G, 4G och 5G. Tiderna i verkligheten är vanligtvis högre.' },
-  { name: 'Förstå livstidspåverkan', text: 'Procentandelen ”livstid” visar hur mycket av någons liv som spenderas på att vänta. Använd detta som motivation för att optimera.' },
+  { name: 'Förstå livstidspåverkan', text: 'Procentandelen "livstid" visar hur mycket av någons liv som spenderas på att vänta. Använd detta som motivation för att optimera.' },
   { name: 'Optimera och beräkna om', text: 'Mät igen och beräkna om efter optimeringen. Se hur små förbättringar har stor betydelse.' },
 ];
 
@@ -134,8 +134,8 @@ export const content: ToolLocaleContent<CalculadoraTiempoDatosUI> = {
     {
       type: 'list',
       items: [
-        '<strong>Bildoptimering:</strong> Representerar 50–80 % av vikten. Minska med 40–60 % med verktyg som TinyPNG.',
-        '<strong>Minifiering:</strong> Ta bort onödig kod från CSS och JavaScript. Spara 30–50 %.',
+        '<strong>Bildoptimering:</strong> Representerar 50-80 % av vikten. Minska med 40-60 % med verktyg som TinyPNG.',
+        '<strong>Minifiering:</strong> Ta bort onödig kod från CSS och JavaScript. Spara 30-50 %.',
         '<strong>Lazy Loading:</strong> Ladda bilder först när användaren scrollar till dem.',
         '<strong>Webbläsarcache:</strong> Cachelagra statiska filer i användarnas webbläsare.',
         '<strong>CDN:</strong> Leverera innehåll från servrar som ligger geografiskt nära.',

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

@@ -36,7 +36,7 @@ const faqData = [
 const howToData = [
   { name: '输入您的网站权重', text: '使用浏览器开发者工具或 WebPageTest 获取页面权重。以 MB 为单位输入该值。' },
   { name: '观察加载时间', text: '计算器显示网站在 3G、4G 和 5G 下加载所需的秒数。现实中的时间通常更高。' },
-  { name: '了解对寿命的影响', text: '“寿命”百分比显示了一个人有多少生命花在了等待上。以此作为优化的动力。' },
+  { name: '了解对寿命的影响', text: '"寿命"百分比显示了一个人有多少生命花在了等待上。以此作为优化的动力。' },
   { name: '优化并重新计算', text: '优化后，再次测量并重新计算。观察微小的改进如何产生重大影响。' },
 ];
 

package/src/tool/calculadoraTiempoDatos/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await calculadoraTiempoDatos.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/colorConverter/color-converter-rgb-hex-hsl.css

@@ -30,7 +30,7 @@
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
   }
 
-  :global(.theme-dark) .cc-card {
+  .theme-dark .cc-card {
     background: rgba(30, 41, 59, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
@@ -62,7 +62,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .cc-label {
+  .theme-dark .cc-label {
     color: rgb(148, 163, 184);
   }
 
@@ -79,7 +79,7 @@
     box-sizing: border-box;
   }
 
-  :global(.theme-dark) .cc-text-input {
+  .theme-dark .cc-text-input {
     background: rgba(15, 23, 42, 0.5);
     border-color: rgb(51, 65, 85);
     color: rgb(241, 245, 249);
@@ -105,7 +105,7 @@
     transition: all 0.2s ease;
   }
 
-  :global(.theme-dark) .cc-copy-badge {
+  .theme-dark .cc-copy-badge {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgb(148, 163, 184);
@@ -118,7 +118,7 @@
     transform: translateY(-1px);
   }
 
-  :global(.theme-dark) .cc-copy-badge:hover {
+  .theme-dark .cc-copy-badge:hover {
     background: rgba(99, 102, 241, 0.1);
   }
 
@@ -130,8 +130,8 @@
     transform: none;
   }
 
-  :global(.theme-dark) .cc-copy-badge.cc-copied,
-  :global(.theme-dark) .cc-copy-badge.cc-copied:hover {
+  .theme-dark .cc-copy-badge.cc-copied,
+  .theme-dark .cc-copy-badge.cc-copied:hover {
     background: rgba(34, 197, 94, 0.1);
   }
 
@@ -165,7 +165,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .cc-range {
+  .theme-dark .cc-range {
     background: rgb(51, 65, 85);
   }
 
@@ -202,7 +202,7 @@
     cursor: pointer;
   }
 
-  :global(.theme-dark) .cc-main-preview {
+  .theme-dark .cc-main-preview {
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
   }
 

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

@@ -28,7 +28,7 @@ const faqData = [
 const howToData = [
   { name: 'Farbe auswählen', text: 'Verwenden Sie die Schieberegler für Rot, Grün und Blau oder geben Sie einen HEX-Code direkt in das Textfeld ein.' },
   { name: 'RGB-Kanäle anpassen', text: 'Bewegen Sie die Schieberegler, um die Intensität jedes Kanals zu ändern und die Aktualisierung in Echtzeit zu sehen.' },
-  { name: 'Format kopieren', text: 'Klicken Sie auf die Schaltfläche „Kopieren“ neben dem HEX-, RGB- oder HSL-Format, das Sie benötigen.' },
+  { name: 'Format kopieren', text: 'Klicken Sie auf die Schaltfläche "Kopieren" neben dem HEX-, RGB- oder HSL-Format, das Sie benötigen.' },
   { name: 'Harmonien erkunden', text: 'Klicken Sie auf die Harmoniefarben (komplementär, analog, triadisch), um sie in die Zwischenablage zu kopieren.' },
 ];
 

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

@@ -28,7 +28,7 @@ const faqData = [
 const howToData = [
   { name: 'Выберите цвет', text: 'Используйте ползунки красного, зеленого и синего или введите HEX-код прямо в текстовое поле.' },
   { name: 'Настройте каналы RGB', text: 'Передвигайте ползунки, чтобы изменить интенсивность каждого канала и увидеть обновление в режиме реального времени.' },
-  { name: 'Скопируйте формат', text: 'Нажмите кнопку «Копировать» рядом с нужным форматом HEX, RGB или HSL.' },
+  { name: 'Скопируйте формат', text: 'Нажмите кнопку "Копировать" рядом с нужным форматом HEX, RGB или HSL.' },
   { name: 'Исследуйте гармонии', text: 'Нажмите на гармоничные цвета (комплементарные, аналогичные, триадические), чтобы скопировать их в буфер обмена.' },
 ];
 
@@ -97,7 +97,7 @@ export const content: ToolLocaleContent<ColorConverterUI> = {
     { type: 'title', text: 'Конвертер цветов RGB в HEX и HSL для разработчиков', level: 2 },
     {
       type: 'paragraph',
-      html: 'В мире <strong>frontend-разработки</strong> и <strong>UI/UX дизайна</strong> управление цветом — это постоянная задача. Наш <strong>онлайн-конвертер цветов</strong> позволяет мгновенно и с математической точностью преобразовывать значения между <strong>HEX, RGB и HSL</strong>.',
+      html: 'В мире <strong>frontend-разработки</strong> и <strong>UI/UX дизайна</strong> управление цветом - это постоянная задача. Наш <strong>онлайн-конвертер цветов</strong> позволяет мгновенно и с математической точностью преобразовывать значения между <strong>HEX, RGB и HSL</strong>.',
     },
     { type: 'title', text: 'Форматы цветов: HEX, RGB и HSL', level: 3 },
     {

package/src/tool/colorConverter/seo.astro

@@ -9,6 +9,7 @@ interface Props {
 
 const { locale = 'es' } = Astro.props;
 const content = await colorConverter.i18n[locale]?.();
+if (!content) return null;
 ---
 
-{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/conversorExcelCsvHtml/excel-csv-html-table-converter.css

@@ -28,7 +28,7 @@
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cec-converter-card {
+  .theme-dark .cec-converter-card {
     background: rgba(15, 23, 42, 0.6);
     border-color: rgba(255, 255, 255, 0.05);
   }
@@ -59,7 +59,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.theme-dark) .cec-input-label {
+  .theme-dark .cec-input-label {
     color: rgb(148, 163, 184);
   }
 
@@ -76,7 +76,7 @@
     transition: all 0.2s;
   }
 
-  :global(.theme-dark) .cec-csv-textarea {
+  .theme-dark .cec-csv-textarea {
     background: rgb(2, 6, 23);
     border-color: rgb(30, 41, 59);
     color: var(--cec-text-light);
@@ -102,7 +102,7 @@
     background: rgba(248, 250, 252, 0.5);
   }
 
-  :global(.theme-dark) .cec-drop-zone {
+  .theme-dark .cec-drop-zone {
     border-color: var(--cec-border-dark);
     background: rgba(30, 41, 59, 0.2);
   }
@@ -113,7 +113,7 @@
     background: rgba(139, 92, 246, 0.05);
   }
 
-  .cec-drop-zone :global(svg) {
+  .cec-drop-zone svg {
     color: var(--cec-primary);
   }
 
@@ -132,7 +132,7 @@
     border-top: 1px solid rgba(0, 0, 0, 0.05);
   }
 
-  :global(.theme-dark) .cec-options-row {
+  .theme-dark .cec-options-row {
     border-top-color: rgba(255, 255, 255, 0.05);
   }
 
@@ -164,7 +164,7 @@
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  :global(.theme-dark) .cec-option-item input[type="checkbox"] {
+  .theme-dark .cec-option-item input[type="checkbox"] {
     background: rgb(15, 23, 42);
     border-color: var(--cec-border-dark);
   }
@@ -193,7 +193,7 @@
     color: var(--cec-text-secondary);
   }
 
-  :global(.theme-dark) .cec-option-item span {
+  .theme-dark .cec-option-item span {
     color: rgb(148, 163, 184);
   }
 
@@ -201,7 +201,7 @@
     color: rgb(88, 28, 135);
   }
 
-  :global(.theme-dark) .cec-option-item input[type="checkbox"]:checked + span {
+  .theme-dark .cec-option-item input[type="checkbox"]:checked + span {
     color: rgb(196, 181, 253);
   }
 
@@ -217,7 +217,7 @@
     border-bottom: 2px solid var(--cec-border);
   }
 
-  :global(.theme-dark) .cec-result-tabs {
+  .theme-dark .cec-result-tabs {
     border-bottom-color: rgb(30, 41, 59);
   }
 
@@ -248,7 +248,7 @@
     padding: 1rem;
   }
 
-  :global(.theme-dark) .cec-preview-container {
+  .theme-dark .cec-preview-container {
     background: rgb(15, 23, 42);
     border-color: rgb(30, 41, 59);
   }
@@ -291,13 +291,13 @@
     background: var(--cec-primary-hover);
   }
 
-  .cec-preview-container :global(table) {
+  .cec-preview-container table {
     width: 100%;
     border-collapse: collapse;
     font-size: 0.875rem;
   }
 
-  .cec-preview-container :global(th) {
+  .cec-preview-container th {
     background: var(--cec-bg-light);
     border-bottom: 2px solid var(--cec-border);
     padding: 0.75rem;
@@ -306,19 +306,19 @@
     color: var(--cec-text-primary);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(th) {
+  .theme-dark .cec-preview-container th {
     background: rgb(30, 41, 59);
     border-bottom-color: var(--cec-border-dark);
     color: var(--cec-text-light);
   }
 
-  .cec-preview-container :global(td) {
+  .cec-preview-container td {
     padding: 0.75rem;
     border-bottom: 1px solid rgb(241, 245, 249);
     color: var(--cec-text-secondary);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(td) {
+  .theme-dark .cec-preview-container td {
     border-bottom-color: rgb(30, 41, 59);
     color: rgb(148, 163, 184);
   }
@@ -334,25 +334,25 @@
     gap: 1rem;
   }
 
-  .cec-preview-container :global(table.bordered) {
+  .cec-preview-container table.bordered {
     border: 1px solid var(--cec-border);
   }
 
-  .cec-preview-container :global(table.bordered th),
-  .cec-preview-container :global(table.bordered td) {
+  .cec-preview-container table.bordered th,
+  .cec-preview-container table.bordered td {
     border: 1px solid var(--cec-border);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(table.bordered),
-  :global(.theme-dark) .cec-preview-container :global(table.bordered th),
-  :global(.theme-dark) .cec-preview-container :global(table.bordered td) {
+  .theme-dark .cec-preview-container table.bordered,
+  .theme-dark .cec-preview-container table.bordered th,
+  .theme-dark .cec-preview-container table.bordered td {
     border-color: var(--cec-border-dark);
   }
 
-  .cec-preview-container :global(table.zebra tbody tr:nth-child(even)) {
+  .cec-preview-container table.zebra tbody tr:nth-child(even) {
     background: var(--cec-bg-light);
   }
 
-  :global(.theme-dark) .cec-preview-container :global(table.zebra tbody tr:nth-child(even)) {
+  .theme-dark .cec-preview-container table.zebra tbody tr:nth-child(even) {
     background: rgba(30, 41, 59, 0.5);
   }