accessify-widget 0.1.0 → 0.2.0

package/dist/{index-CUQfpnwR.js → index-B6b-ij4T.js}

@@ -279,6 +279,15 @@ https://svelte.dev/e/lifecycle_double_unmount`, bold, normal);
     console.warn(`https://svelte.dev/e/lifecycle_double_unmount`);
   }
 }
+function select_multiple_invalid_value() {
+  if (DEV) {
+    console.warn(`%c[svelte] select_multiple_invalid_value
+%cThe \`value\` property of a \`<select multiple>\` element should be an array, but it received a non-array value. The selection will be kept as is.
+https://svelte.dev/e/select_multiple_invalid_value`, bold, normal);
+  } else {
+    console.warn(`https://svelte.dev/e/select_multiple_invalid_value`);
+  }
+}
 function state_proxy_equality_mismatch(operator) {
   if (DEV) {
     console.warn(`%c[svelte] state_proxy_equality_mismatch
@@ -2310,6 +2319,9 @@ function get_proxied_value(value) {
   }
   return value;
 }
+function is(a, b) {
+  return Object.is(get_proxied_value(a), get_proxied_value(b));
+}
 const ARRAY_MUTATING_METHODS = /* @__PURE__ */ new Set([
   "copyWithin",
   "fill",
@@ -2464,7 +2476,7 @@ function clear_text_content(node) {
 function should_defer_append() {
   return false;
 }
-function create_element(tag2, namespace, is) {
+function create_element(tag2, namespace, is2) {
   let options = void 0;
   return (
     /** @type {T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element} */
@@ -4233,6 +4245,56 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
     }
   });
 }
+function select_option(select, value, mounting = false) {
+  if (select.multiple) {
+    if (value == void 0) {
+      return;
+    }
+    if (!is_array(value)) {
+      return select_multiple_invalid_value();
+    }
+    for (var option of select.options) {
+      option.selected = value.includes(get_option_value(option));
+    }
+    return;
+  }
+  for (option of select.options) {
+    var option_value = get_option_value(option);
+    if (is(option_value, value)) {
+      option.selected = true;
+      return;
+    }
+  }
+  if (!mounting || value !== void 0) {
+    select.selectedIndex = -1;
+  }
+}
+function init_select(select) {
+  var observer = new MutationObserver(() => {
+    select_option(select, select.__value);
+  });
+  observer.observe(select, {
+    // Listen to option element changes
+    childList: true,
+    subtree: true,
+    // because of <optgroup>
+    // Listen to option element value attribute changes
+    // (doesn't get notified of select value changes,
+    // because that property is not reflected as an attribute)
+    attributes: true,
+    attributeFilter: ["value"]
+  });
+  teardown(() => {
+    observer.disconnect();
+  });
+}
+function get_option_value(option) {
+  if ("__value" in option) {
+    return option.__value;
+  } else {
+    return option.value;
+  }
+}
 const IS_CUSTOM_ELEMENT = Symbol("is custom element");
 const IS_HTML = Symbol("is html");
 function set_attribute(element, attribute, value, skip_warning) {
@@ -4671,7 +4733,7 @@ const icons = {
   globe: iconGlobe,
   profile: iconProfile
 };
-const de = {
+const deJson = {
   "widget.title": "Barrierefreiheit",
   "widget.open": "Barrierefreiheit-Einstellungen öffnen",
   "widget.close": "Schließen",
@@ -4760,7 +4822,7 @@ const de = {
   "footer.github": "GitHub",
   "bfsg.notice": "Hinweis: Dieses Overlay-Tool allein erfüllt nicht die Anforderungen des BFSG. Professionelle Barrierefreiheit erfordert strukturelle Änderungen am Quellcode."
 };
-const en = {
+const enJson = {
   "widget.title": "Accessibility",
   "widget.open": "Open accessibility settings",
   "widget.close": "Close",
@@ -4849,15 +4911,874 @@ const en = {
   "footer.github": "GitHub",
   "bfsg.notice": "Note: This overlay tool alone does not meet BFSG requirements. Full accessibility requires structural changes to the source code."
 };
-const locales = { de, en };
+const EN_BASE = {
+  ...enJson,
+  "widget.subtitle": "Adjust contrast, text and navigation on this page",
+  "widget.language": "Language",
+  "widget.poweredBy": "Powered by Accessify-Widget",
+  "section.essentials": "Most used",
+  "section.essentials.desc": "Start with contrast, text size and keyboard support.",
+  "section.support": "Reading and navigation",
+  "section.support.desc": "Tools for focus, reduced motion and page structure.",
+  "section.ai": "AI assistance",
+  "section.ai.desc": "Simplify content, generate alt text and scan the current page.",
+  "control.mostUsed": "Most used",
+  "control.chooseMode": "Choose a mode",
+  "control.default": "Default",
+  "contrast.mode.light": "Light contrast",
+  "contrast.mode.dark": "Dark contrast",
+  "contrast.mode.high": "High contrast",
+  "keyboard.shortcuts": "Keyboard shortcuts",
+  "keyboard.shortcut": "Shortcut",
+  "keyboard.action": "Action",
+  "keyboard.nextHeading": "Go to the next heading",
+  "keyboard.nextLandmark": "Go to the next landmark",
+  "keyboard.toggleHelp": "Open or close this help overlay",
+  "keyboard.nextFocusable": "Move to the next focusable element",
+  "keyboard.closeOverlay": "Close this overlay",
+  "keyboard.skipToContent": "Skip to main content",
+  "pageStructure.title": "Page structure",
+  "pageStructure.headings": "Headings",
+  "pageStructure.landmarks": "Landmarks",
+  "pageStructure.empty": "No headings or landmarks found on this page."
+};
+const DE_BASE = {
+  ...deJson,
+  "widget.subtitle": "Passe Kontrast, Text und Navigation auf dieser Seite an",
+  "widget.language": "Sprache",
+  "widget.poweredBy": "Bereitgestellt von Accessify-Widget",
+  "section.essentials": "Am haeufigsten genutzt",
+  "section.essentials.desc": "Starte mit Kontrast, Textgroesse und Tastaturhilfe.",
+  "section.support": "Lesen und Navigation",
+  "section.support.desc": "Hilfen fuer Fokus, reduzierte Bewegung und Seitenstruktur.",
+  "section.ai": "KI-Unterstuetzung",
+  "section.ai.desc": "Inhalte vereinfachen, Alt-Texte erzeugen und die Seite pruefen.",
+  "control.mostUsed": "Meistgenutzt",
+  "control.chooseMode": "Modus waehlen",
+  "control.default": "Standard",
+  "contrast.mode.light": "Heller Kontrast",
+  "contrast.mode.dark": "Dunkler Kontrast",
+  "contrast.mode.high": "Hoher Kontrast",
+  "keyboard.shortcuts": "Tastaturhilfe",
+  "keyboard.shortcut": "Tastaturkuerzel",
+  "keyboard.action": "Aktion",
+  "keyboard.nextHeading": "Zur naechsten Ueberschrift springen",
+  "keyboard.nextLandmark": "Zur naechsten Landmarke springen",
+  "keyboard.toggleHelp": "Diese Hilfe ein- oder ausblenden",
+  "keyboard.nextFocusable": "Zum naechsten fokussierbaren Element wechseln",
+  "keyboard.closeOverlay": "Diese Hilfe schliessen",
+  "keyboard.skipToContent": "Zum Hauptinhalt springen",
+  "pageStructure.title": "Seitenstruktur",
+  "pageStructure.headings": "Ueberschriften",
+  "pageStructure.landmarks": "Landmarken",
+  "pageStructure.empty": "Auf dieser Seite wurden keine Ueberschriften oder Landmarken gefunden."
+};
+function withEnglish(overrides) {
+  return { ...EN_BASE, ...overrides };
+}
+const locales = {
+  en: EN_BASE,
+  de: DE_BASE,
+  zh: withEnglish({
+    "widget.title": "无障碍",
+    "widget.subtitle": "调整此页面的对比度、文字和导航",
+    "widget.open": "打开无障碍设置",
+    "widget.close": "关闭",
+    "widget.reset": "全部重置",
+    "widget.resetConfirm": "已重置所有调整",
+    "widget.poweredBy": "由 Accessify-Widget 提供支持",
+    "widget.statement": "无障碍声明",
+    "widget.language": "语言",
+    "status.active": "已启用 {count} 项",
+    "status.noActive": "当前未启用调整",
+    "status.activated": "已启用",
+    "status.deactivated": "已关闭",
+    "section.essentials": "最常用",
+    "section.essentials.desc": "先从对比度、文字大小和键盘支持开始。",
+    "section.support": "阅读与导航",
+    "section.support.desc": "用于聚焦、减少动画和查看页面结构的工具。",
+    "section.ai": "AI 辅助",
+    "section.ai.desc": "简化内容、生成替代文本并扫描当前页面。",
+    "control.mostUsed": "最常用",
+    "control.chooseMode": "选择模式",
+    "control.default": "默认",
+    "contrast.mode.light": "浅色高对比",
+    "contrast.mode.dark": "深色高对比",
+    "contrast.mode.high": "高对比",
+    "feature.contrast": "对比度",
+    "feature.textSize": "更大文字",
+    "feature.keyboardNav": "键盘导航",
+    "feature.focusHighlight": "焦点高亮",
+    "feature.linkHighlight": "突出链接",
+    "feature.animationStop": "停止动画",
+    "feature.readingGuide": "阅读指引线",
+    "feature.readingMask": "阅读遮罩",
+    "feature.hideImages": "隐藏图片",
+    "feature.bigCursor": "大号光标",
+    "feature.pageStructure": "页面结构",
+    "feature.tts": "朗读",
+    "feature.textSimplify": "简化文本",
+    "feature.altText": "生成替代文本",
+    "feature.autoScan": "WCAG 扫描"
+  }),
+  hi: withEnglish({
+    "widget.title": "सुलभता",
+    "widget.subtitle": "इस पेज पर कंट्रास्ट, टेक्स्ट और नेविगेशन समायोजित करें",
+    "widget.open": "सुलभता सेटिंग खोलें",
+    "widget.close": "बंद करें",
+    "widget.reset": "सब रीसेट करें",
+    "widget.resetConfirm": "सभी बदलाव रीसेट हो गए",
+    "widget.poweredBy": "Accessify-Widget द्वारा संचालित",
+    "widget.statement": "एक्सेसिबिलिटी स्टेटमेंट",
+    "widget.language": "भाषा",
+    "status.active": "{count} सक्रिय",
+    "status.noActive": "कोई बदलाव सक्रिय नहीं",
+    "status.activated": "सक्रिय",
+    "status.deactivated": "निष्क्रिय",
+    "section.essentials": "सबसे ज्यादा उपयोग",
+    "section.essentials.desc": "कंट्रास्ट, टेक्स्ट साइज और कीबोर्ड सहायता से शुरू करें।",
+    "section.support": "पढ़ना और नेविगेशन",
+    "section.support.desc": "फोकस, कम मोशन और पेज स्ट्रक्चर के लिए टूल।",
+    "section.ai": "AI सहायता",
+    "section.ai.desc": "कंटेंट सरल करें, ऑल्ट टेक्स्ट बनाएं और मौजूदा पेज स्कैन करें।",
+    "control.mostUsed": "सबसे उपयोगी",
+    "control.chooseMode": "मोड चुनें",
+    "control.default": "डिफ़ॉल्ट",
+    "contrast.mode.light": "लाइट कंट्रास्ट",
+    "contrast.mode.dark": "डार्क कंट्रास्ट",
+    "contrast.mode.high": "हाई कंट्रास्ट",
+    "feature.contrast": "कंट्रास्ट",
+    "feature.textSize": "बड़ा टेक्स्ट",
+    "feature.keyboardNav": "कीबोर्ड नेविगेशन",
+    "feature.focusHighlight": "फोकस हाइलाइट",
+    "feature.linkHighlight": "लिंक हाइलाइट",
+    "feature.animationStop": "एनिमेशन रोकें",
+    "feature.readingGuide": "रीडिंग गाइड",
+    "feature.readingMask": "रीडिंग मास्क",
+    "feature.hideImages": "तस्वीरें छिपाएँ",
+    "feature.bigCursor": "बड़ा कर्सर",
+    "feature.pageStructure": "पेज संरचना",
+    "feature.tts": "जोर से पढ़ें",
+    "feature.textSimplify": "टेक्स्ट सरल करें",
+    "feature.altText": "ऑल्ट-टेक्स्ट बनाएँ",
+    "feature.autoScan": "WCAG स्कैन"
+  }),
+  es: withEnglish({
+    "widget.title": "Accesibilidad",
+    "widget.subtitle": "Ajusta contraste, texto y navegacion en esta pagina",
+    "widget.open": "Abrir ajustes de accesibilidad",
+    "widget.close": "Cerrar",
+    "widget.reset": "Restablecer todo",
+    "widget.resetConfirm": "Se restablecieron todos los ajustes",
+    "widget.poweredBy": "Impulsado por Accessify-Widget",
+    "widget.statement": "Declaracion de accesibilidad",
+    "widget.language": "Idioma",
+    "status.active": "{count} activas",
+    "status.noActive": "No hay ajustes activos",
+    "status.activated": "activado",
+    "status.deactivated": "desactivado",
+    "section.essentials": "Lo mas usado",
+    "section.essentials.desc": "Empieza con contraste, tamano de texto y apoyo para teclado.",
+    "section.support": "Lectura y navegacion",
+    "section.support.desc": "Herramientas para foco, menos movimiento y estructura de pagina.",
+    "section.ai": "Asistencia de IA",
+    "section.ai.desc": "Simplifica contenido, genera texto alternativo y analiza la pagina actual.",
+    "control.mostUsed": "Mas usado",
+    "control.chooseMode": "Elegir modo",
+    "control.default": "Predeterminado",
+    "contrast.mode.light": "Contraste claro",
+    "contrast.mode.dark": "Contraste oscuro",
+    "contrast.mode.high": "Alto contraste",
+    "feature.contrast": "Contraste",
+    "feature.textSize": "Texto mas grande",
+    "feature.keyboardNav": "Navegacion por teclado",
+    "feature.focusHighlight": "Resaltar foco",
+    "feature.linkHighlight": "Resaltar enlaces",
+    "feature.animationStop": "Detener animaciones",
+    "feature.readingGuide": "Guia de lectura",
+    "feature.readingMask": "Mascara de lectura",
+    "feature.hideImages": "Ocultar imagenes",
+    "feature.bigCursor": "Cursor grande",
+    "feature.pageStructure": "Estructura de pagina",
+    "feature.tts": "Lectura en voz alta",
+    "feature.textSimplify": "Simplificar texto",
+    "feature.altText": "Generar texto alternativo",
+    "feature.autoScan": "Escaneo WCAG"
+  }),
+  fr: withEnglish({
+    "widget.title": "Accessibilite",
+    "widget.subtitle": "Ajustez le contraste, le texte et la navigation sur cette page",
+    "widget.open": "Ouvrir les reglages d'accessibilite",
+    "widget.close": "Fermer",
+    "widget.reset": "Tout reinitialiser",
+    "widget.resetConfirm": "Tous les ajustements ont ete reinitialises",
+    "widget.poweredBy": "Propulse par Accessify-Widget",
+    "widget.statement": "Declaration d'accessibilite",
+    "widget.language": "Langue",
+    "status.active": "{count} actives",
+    "status.noActive": "Aucun ajustement actif",
+    "status.activated": "active",
+    "status.deactivated": "desactive",
+    "section.essentials": "Les plus utilises",
+    "section.essentials.desc": "Commencez par le contraste, la taille du texte et le clavier.",
+    "section.support": "Lecture et navigation",
+    "section.support.desc": "Outils pour la mise au point, moins de mouvement et la structure de page.",
+    "section.ai": "Assistance IA",
+    "section.ai.desc": "Simplifiez le contenu, generez un texte alternatif et analysez la page.",
+    "control.mostUsed": "Les plus utilises",
+    "control.chooseMode": "Choisir un mode",
+    "control.default": "Par defaut",
+    "contrast.mode.light": "Contraste clair",
+    "contrast.mode.dark": "Contraste sombre",
+    "contrast.mode.high": "Contraste eleve",
+    "feature.contrast": "Contraste",
+    "feature.textSize": "Texte plus grand",
+    "feature.keyboardNav": "Navigation clavier",
+    "feature.focusHighlight": "Mise en evidence du focus",
+    "feature.linkHighlight": "Mettre les liens en evidence",
+    "feature.animationStop": "Arreter les animations",
+    "feature.readingGuide": "Guide de lecture",
+    "feature.readingMask": "Masque de lecture",
+    "feature.hideImages": "Masquer les images",
+    "feature.bigCursor": "Grand curseur",
+    "feature.pageStructure": "Structure de page",
+    "feature.tts": "Lecture audio",
+    "feature.textSimplify": "Simplifier le texte",
+    "feature.altText": "Generer un texte alternatif",
+    "feature.autoScan": "Analyse WCAG"
+  }),
+  ar: withEnglish({
+    "widget.title": "إمكانية الوصول",
+    "widget.subtitle": "اضبط التباين والنص والتنقل في هذه الصفحة",
+    "widget.open": "افتح إعدادات إمكانية الوصول",
+    "widget.close": "إغلاق",
+    "widget.reset": "إعادة ضبط الكل",
+    "widget.resetConfirm": "تمت إعادة ضبط جميع التعديلات",
+    "widget.poweredBy": "مدعوم بواسطة Accessify-Widget",
+    "widget.statement": "بيان إمكانية الوصول",
+    "widget.language": "اللغة",
+    "status.active": "{count} عناصر نشطة",
+    "status.noActive": "لا توجد تعديلات نشطة",
+    "status.activated": "مفعل",
+    "status.deactivated": "معطل",
+    "section.essentials": "الأكثر استخدامًا",
+    "section.essentials.desc": "ابدأ بالتباين وحجم النص ودعم لوحة المفاتيح.",
+    "section.support": "القراءة والتنقل",
+    "section.support.desc": "أدوات للتركيز وتقليل الحركة وبنية الصفحة.",
+    "section.ai": "مساعدة الذكاء الاصطناعي",
+    "section.ai.desc": "بسّط المحتوى وأنشئ نصًا بديلاً وافحص الصفحة الحالية.",
+    "control.mostUsed": "الأكثر استخدامًا",
+    "control.chooseMode": "اختر وضعًا",
+    "control.default": "افتراضي",
+    "contrast.mode.light": "تباين فاتح",
+    "contrast.mode.dark": "تباين داكن",
+    "contrast.mode.high": "تباين عالٍ",
+    "feature.contrast": "التباين",
+    "feature.textSize": "نص أكبر",
+    "feature.keyboardNav": "تنقل بلوحة المفاتيح",
+    "feature.focusHighlight": "إبراز التركيز",
+    "feature.linkHighlight": "إبراز الروابط",
+    "feature.animationStop": "إيقاف الرسوم المتحركة",
+    "feature.readingGuide": "دليل القراءة",
+    "feature.readingMask": "قناع القراءة",
+    "feature.hideImages": "إخفاء الصور",
+    "feature.bigCursor": "مؤشر كبير",
+    "feature.pageStructure": "بنية الصفحة",
+    "feature.tts": "القراءة بصوت عالٍ",
+    "feature.textSimplify": "تبسيط النص",
+    "feature.altText": "إنشاء نص بديل",
+    "feature.autoScan": "فحص WCAG"
+  }),
+  bn: withEnglish({
+    "widget.title": "অ্যাক্সেসিবিলিটি",
+    "widget.subtitle": "এই পাতায় কনট্রাস্ট, টেক্সট এবং নেভিগেশন ঠিক করুন",
+    "widget.open": "অ্যাক্সেসিবিলিটি সেটিংস খুলুন",
+    "widget.close": "বন্ধ করুন",
+    "widget.reset": "সব রিসেট করুন",
+    "widget.resetConfirm": "সব পরিবর্তন রিসেট হয়েছে",
+    "widget.poweredBy": "Accessify-Widget দ্বারা চালিত",
+    "widget.statement": "অ্যাক্সেসিবিলিটি বিবৃতি",
+    "widget.language": "ভাষা",
+    "status.active": "{count} টি সক্রিয়",
+    "status.noActive": "কোনও সমন্বয় সক্রিয় নেই",
+    "status.activated": "সক্রিয়",
+    "status.deactivated": "নিষ্ক্রিয়",
+    "section.essentials": "সবচেয়ে ব্যবহৃত",
+    "section.essentials.desc": "কনট্রাস্ট, টেক্সট সাইজ এবং কিবোর্ড সহায়তা দিয়ে শুরু করুন।",
+    "section.support": "পড়া ও নেভিগেশন",
+    "section.support.desc": "ফোকাস, কম মুভমেন্ট এবং পেজ স্ট্রাকচারের টুল।",
+    "section.ai": "AI সহায়তা",
+    "section.ai.desc": "কনটেন্ট সহজ করুন, অল্ট টেক্সট তৈরি করুন এবং পেজ স্ক্যান করুন।",
+    "control.mostUsed": "সবচেয়ে ব্যবহৃত",
+    "control.chooseMode": "মোড বেছে নিন",
+    "control.default": "ডিফল্ট",
+    "contrast.mode.light": "লাইট কনট্রাস্ট",
+    "contrast.mode.dark": "ডার্ক কনট্রাস্ট",
+    "contrast.mode.high": "হাই কনট্রাস্ট",
+    "feature.contrast": "কনট্রাস্ট",
+    "feature.textSize": "বড় টেক্সট",
+    "feature.keyboardNav": "কিবোর্ড নেভিগেশন",
+    "feature.focusHighlight": "ফোকাস হাইলাইট",
+    "feature.linkHighlight": "লিংক হাইলাইট",
+    "feature.animationStop": "অ্যানিমেশন বন্ধ",
+    "feature.readingGuide": "রিডিং গাইড",
+    "feature.readingMask": "রিডিং মাস্ক",
+    "feature.hideImages": "ছবি লুকান",
+    "feature.bigCursor": "বড় কার্সর",
+    "feature.pageStructure": "পেজ স্ট্রাকচার",
+    "feature.tts": "জোরে পড়া",
+    "feature.textSimplify": "টেক্সট সহজ করুন",
+    "feature.altText": "অল্ট-টেক্সট তৈরি",
+    "feature.autoScan": "WCAG স্ক্যান"
+  }),
+  pt: withEnglish({
+    "widget.title": "Acessibilidade",
+    "widget.subtitle": "Ajuste contraste, texto e navegacao nesta pagina",
+    "widget.open": "Abrir configuracoes de acessibilidade",
+    "widget.close": "Fechar",
+    "widget.reset": "Redefinir tudo",
+    "widget.resetConfirm": "Todos os ajustes foram redefinidos",
+    "widget.poweredBy": "Desenvolvido por Accessify-Widget",
+    "widget.statement": "Declaracao de acessibilidade",
+    "widget.language": "Idioma",
+    "status.active": "{count} ativas",
+    "status.noActive": "Nenhum ajuste ativo",
+    "status.activated": "ativado",
+    "status.deactivated": "desativado",
+    "section.essentials": "Mais usados",
+    "section.essentials.desc": "Comece com contraste, tamanho do texto e apoio ao teclado.",
+    "section.support": "Leitura e navegacao",
+    "section.support.desc": "Ferramentas para foco, menos movimento e estrutura da pagina.",
+    "section.ai": "Assistencia de IA",
+    "section.ai.desc": "Simplifique conteudo, gere texto alternativo e analise a pagina atual.",
+    "control.mostUsed": "Mais usados",
+    "control.chooseMode": "Escolher modo",
+    "control.default": "Padrao",
+    "contrast.mode.light": "Contraste claro",
+    "contrast.mode.dark": "Contraste escuro",
+    "contrast.mode.high": "Alto contraste",
+    "feature.contrast": "Contraste",
+    "feature.textSize": "Texto maior",
+    "feature.keyboardNav": "Navegacao por teclado",
+    "feature.focusHighlight": "Destaque de foco",
+    "feature.linkHighlight": "Destacar links",
+    "feature.animationStop": "Parar animacoes",
+    "feature.readingGuide": "Guia de leitura",
+    "feature.readingMask": "Mascara de leitura",
+    "feature.hideImages": "Ocultar imagens",
+    "feature.bigCursor": "Cursor grande",
+    "feature.pageStructure": "Estrutura da pagina",
+    "feature.tts": "Leitura em voz alta",
+    "feature.textSimplify": "Simplificar texto",
+    "feature.altText": "Gerar texto alternativo",
+    "feature.autoScan": "Varredura WCAG"
+  }),
+  ru: withEnglish({
+    "widget.title": "Доступность",
+    "widget.subtitle": "Настройте контраст, текст и навигацию на этой странице",
+    "widget.open": "Открыть настройки доступности",
+    "widget.close": "Закрыть",
+    "widget.reset": "Сбросить все",
+    "widget.resetConfirm": "Все настройки сброшены",
+    "widget.poweredBy": "Работает на Accessify-Widget",
+    "widget.statement": "Заявление о доступности",
+    "widget.language": "Язык",
+    "status.active": "Активно: {count}",
+    "status.noActive": "Нет активных настроек",
+    "status.activated": "включено",
+    "status.deactivated": "выключено",
+    "section.essentials": "Самое используемое",
+    "section.essentials.desc": "Начните с контраста, размера текста и поддержки клавиатуры.",
+    "section.support": "Чтение и навигация",
+    "section.support.desc": "Инструменты для фокуса, уменьшения движения и структуры страницы.",
+    "section.ai": "Помощь ИИ",
+    "section.ai.desc": "Упрощайте текст, создавайте alt-текст и проверяйте текущую страницу.",
+    "control.mostUsed": "Популярное",
+    "control.chooseMode": "Выберите режим",
+    "control.default": "По умолчанию",
+    "contrast.mode.light": "Светлый контраст",
+    "contrast.mode.dark": "Темный контраст",
+    "contrast.mode.high": "Высокий контраст",
+    "feature.contrast": "Контраст",
+    "feature.textSize": "Крупный текст",
+    "feature.keyboardNav": "Навигация с клавиатуры",
+    "feature.focusHighlight": "Подсветка фокуса",
+    "feature.linkHighlight": "Выделить ссылки",
+    "feature.animationStop": "Остановить анимацию",
+    "feature.readingGuide": "Линейка для чтения",
+    "feature.readingMask": "Маска чтения",
+    "feature.hideImages": "Скрыть изображения",
+    "feature.bigCursor": "Большой курсор",
+    "feature.pageStructure": "Структура страницы",
+    "feature.tts": "Озвучивание",
+    "feature.textSimplify": "Упростить текст",
+    "feature.altText": "Создать alt-текст",
+    "feature.autoScan": "Проверка WCAG"
+  }),
+  ur: withEnglish({
+    "widget.title": "رسائی",
+    "widget.subtitle": "اس صفحے پر کنٹراسٹ، متن اور نیویگیشن کو ایڈجسٹ کریں",
+    "widget.open": "رسائی کی ترتیبات کھولیں",
+    "widget.close": "بند کریں",
+    "widget.reset": "سب ری سیٹ کریں",
+    "widget.resetConfirm": "تمام تبدیلیاں ری سیٹ ہو گئیں",
+    "widget.poweredBy": "Accessify-Widget کے ذریعے",
+    "widget.statement": "رسائی کا بیان",
+    "widget.language": "زبان",
+    "status.active": "{count} فعال",
+    "status.noActive": "کوئی تبدیلی فعال نہیں",
+    "status.activated": "فعال",
+    "status.deactivated": "غیر فعال",
+    "section.essentials": "سب سے زیادہ استعمال",
+    "section.essentials.desc": "کنٹراسٹ، متن کے سائز اور کی بورڈ مدد سے شروع کریں۔",
+    "section.support": "مطالعہ اور نیویگیشن",
+    "section.support.desc": "فوکس، کم حرکت اور صفحہ ساخت کے لیے ٹولز۔",
+    "section.ai": "AI مدد",
+    "section.ai.desc": "مواد آسان کریں، آلٹ ٹیکسٹ بنائیں اور موجودہ صفحہ اسکین کریں۔",
+    "control.mostUsed": "زیادہ استعمال",
+    "control.chooseMode": "موڈ منتخب کریں",
+    "control.default": "ڈیفالٹ",
+    "contrast.mode.light": "لائٹ کنٹراسٹ",
+    "contrast.mode.dark": "ڈارک کنٹراسٹ",
+    "contrast.mode.high": "ہائی کنٹراسٹ",
+    "feature.contrast": "کنٹراسٹ",
+    "feature.textSize": "بڑا متن",
+    "feature.keyboardNav": "کی بورڈ نیویگیشن",
+    "feature.focusHighlight": "فوکس ہائی لائٹ",
+    "feature.linkHighlight": "لنکس نمایاں کریں",
+    "feature.animationStop": "اینیمیشن روکیں",
+    "feature.readingGuide": "مطالعہ گائیڈ",
+    "feature.readingMask": "مطالعہ ماسک",
+    "feature.hideImages": "تصاویر چھپائیں",
+    "feature.bigCursor": "بڑا کرسر",
+    "feature.pageStructure": "صفحہ ساخت",
+    "feature.tts": "بلند آواز میں پڑھیں",
+    "feature.textSimplify": "متن آسان کریں",
+    "feature.altText": "آلٹ ٹیکسٹ بنائیں",
+    "feature.autoScan": "WCAG اسکین"
+  }),
+  id: withEnglish({
+    "widget.title": "Aksesibilitas",
+    "widget.subtitle": "Atur kontras, teks, dan navigasi di halaman ini",
+    "widget.open": "Buka pengaturan aksesibilitas",
+    "widget.close": "Tutup",
+    "widget.reset": "Reset semua",
+    "widget.resetConfirm": "Semua penyesuaian telah direset",
+    "widget.poweredBy": "Didukung oleh Accessify-Widget",
+    "widget.statement": "Pernyataan aksesibilitas",
+    "widget.language": "Bahasa",
+    "status.active": "{count} aktif",
+    "status.noActive": "Tidak ada penyesuaian aktif",
+    "status.activated": "aktif",
+    "status.deactivated": "nonaktif",
+    "section.essentials": "Paling sering dipakai",
+    "section.essentials.desc": "Mulai dari kontras, ukuran teks, dan dukungan keyboard.",
+    "section.support": "Membaca dan navigasi",
+    "section.support.desc": "Alat untuk fokus, gerakan rendah, dan struktur halaman.",
+    "section.ai": "Bantuan AI",
+    "section.ai.desc": "Sederhanakan konten, buat alt text, dan pindai halaman saat ini.",
+    "control.mostUsed": "Paling sering",
+    "control.chooseMode": "Pilih mode",
+    "control.default": "Default",
+    "contrast.mode.light": "Kontras terang",
+    "contrast.mode.dark": "Kontras gelap",
+    "contrast.mode.high": "Kontras tinggi",
+    "feature.contrast": "Kontras",
+    "feature.textSize": "Teks lebih besar",
+    "feature.keyboardNav": "Navigasi keyboard",
+    "feature.focusHighlight": "Sorot fokus",
+    "feature.linkHighlight": "Sorot tautan",
+    "feature.animationStop": "Hentikan animasi",
+    "feature.readingGuide": "Panduan baca",
+    "feature.readingMask": "Masker baca",
+    "feature.hideImages": "Sembunyikan gambar",
+    "feature.bigCursor": "Kursor besar",
+    "feature.pageStructure": "Struktur halaman",
+    "feature.tts": "Bacakan",
+    "feature.textSimplify": "Sederhanakan teks",
+    "feature.altText": "Buat alt-text",
+    "feature.autoScan": "Pindai WCAG"
+  }),
+  ja: withEnglish({
+    "widget.title": "アクセシビリティ",
+    "widget.subtitle": "このページのコントラスト、文字、ナビゲーションを調整します",
+    "widget.open": "アクセシビリティ設定を開く",
+    "widget.close": "閉じる",
+    "widget.reset": "すべてリセット",
+    "widget.resetConfirm": "すべての調整をリセットしました",
+    "widget.poweredBy": "Accessify-Widget 提供",
+    "widget.statement": "アクセシビリティ宣言",
+    "widget.language": "言語",
+    "status.active": "{count} 件が有効",
+    "status.noActive": "有効な調整はありません",
+    "status.activated": "有効",
+    "status.deactivated": "無効",
+    "section.essentials": "よく使う設定",
+    "section.essentials.desc": "まずはコントラスト、文字サイズ、キーボード支援から始めてください。",
+    "section.support": "読みやすさとナビゲーション",
+    "section.support.desc": "フォーカス、動きの抑制、ページ構造のためのツールです。",
+    "section.ai": "AI 支援",
+    "section.ai.desc": "文章を簡単にし、代替テキストを生成し、現在のページを確認します。",
+    "control.mostUsed": "よく使う",
+    "control.chooseMode": "モードを選択",
+    "control.default": "標準",
+    "contrast.mode.light": "ライトコントラスト",
+    "contrast.mode.dark": "ダークコントラスト",
+    "contrast.mode.high": "ハイコントラスト",
+    "feature.contrast": "コントラスト",
+    "feature.textSize": "大きな文字",
+    "feature.keyboardNav": "キーボード操作",
+    "feature.focusHighlight": "フォーカス強調",
+    "feature.linkHighlight": "リンク強調",
+    "feature.animationStop": "アニメーション停止",
+    "feature.readingGuide": "読書ガイド",
+    "feature.readingMask": "読書マスク",
+    "feature.hideImages": "画像を隠す",
+    "feature.bigCursor": "大きいカーソル",
+    "feature.pageStructure": "ページ構造",
+    "feature.tts": "読み上げ",
+    "feature.textSimplify": "文章を簡単にする",
+    "feature.altText": "代替テキスト生成",
+    "feature.autoScan": "WCAG スキャン"
+  }),
+  pcm: withEnglish({
+    "widget.title": "Accessibility",
+    "widget.subtitle": "Adjust contrast, text and navigation for dis page",
+    "widget.open": "Open accessibility settings",
+    "widget.close": "Close",
+    "widget.reset": "Reset all",
+    "widget.resetConfirm": "All adjustments don reset",
+    "widget.poweredBy": "Powered by Accessify-Widget",
+    "widget.statement": "Accessibility statement",
+    "widget.language": "Language",
+    "status.active": "{count} active",
+    "status.noActive": "No adjustment dey active",
+    "status.activated": "activated",
+    "status.deactivated": "deactivated",
+    "section.essentials": "Wetin people use pass",
+    "section.essentials.desc": "Start with contrast, text size and keyboard support.",
+    "section.support": "Reading and navigation",
+    "section.support.desc": "Tools for focus, reduced motion and page structure.",
+    "section.ai": "AI help",
+    "section.ai.desc": "Simplify content, generate alt text and scan dis page.",
+    "control.mostUsed": "Most used",
+    "control.chooseMode": "Choose mode",
+    "control.default": "Default",
+    "contrast.mode.light": "Light contrast",
+    "contrast.mode.dark": "Dark contrast",
+    "contrast.mode.high": "High contrast",
+    "feature.contrast": "Contrast",
+    "feature.textSize": "Bigger text",
+    "feature.keyboardNav": "Keyboard navigation",
+    "feature.focusHighlight": "Focus highlight",
+    "feature.linkHighlight": "Highlight links",
+    "feature.animationStop": "Stop animations",
+    "feature.readingGuide": "Reading guide",
+    "feature.readingMask": "Reading mask",
+    "feature.hideImages": "Hide images",
+    "feature.bigCursor": "Big cursor",
+    "feature.pageStructure": "Page structure",
+    "feature.tts": "Read aloud",
+    "feature.textSimplify": "Simplify text",
+    "feature.altText": "Generate alt-text",
+    "feature.autoScan": "WCAG scan"
+  }),
+  mr: withEnglish({
+    "widget.title": "प्रवेशयोग्यता",
+    "widget.subtitle": "या पानावर कॉन्ट्रास्ट, मजकूर आणि नेव्हिगेशन समायोजित करा",
+    "widget.open": "प्रवेशयोग्यता सेटिंग्ज उघडा",
+    "widget.close": "बंद करा",
+    "widget.reset": "सर्व रीसेट करा",
+    "widget.resetConfirm": "सर्व बदल रीसेट झाले",
+    "widget.poweredBy": "Accessify-Widget द्वारे समर्थित",
+    "widget.statement": "प्रवेशयोग्यता निवेदन",
+    "widget.language": "भाषा",
+    "status.active": "{count} सक्रिय",
+    "status.noActive": "कोणतेही बदल सक्रिय नाहीत",
+    "status.activated": "सक्रिय",
+    "status.deactivated": "निष्क्रिय",
+    "section.essentials": "सर्वात जास्त वापरलेले",
+    "section.essentials.desc": "कॉन्ट्रास्ट, मजकूर आकार आणि कीबोर्ड सहाय्यापासून सुरुवात करा.",
+    "section.support": "वाचन आणि नेव्हिगेशन",
+    "section.support.desc": "फोकस, कमी हालचाल आणि पृष्ठरचना यासाठी साधने.",
+    "section.ai": "AI मदत",
+    "section.ai.desc": "मजकूर सोपा करा, alt-text तयार करा आणि हे पान स्कॅन करा.",
+    "control.mostUsed": "सर्वाधिक वापरलेले",
+    "control.chooseMode": "मोड निवडा",
+    "control.default": "डीफॉल्ट",
+    "contrast.mode.light": "लाईट कॉन्ट्रास्ट",
+    "contrast.mode.dark": "डार्क कॉन्ट्रास्ट",
+    "contrast.mode.high": "हाय कॉन्ट्रास्ट",
+    "feature.contrast": "कॉन्ट्रास्ट",
+    "feature.textSize": "मोठा मजकूर",
+    "feature.keyboardNav": "कीबोर्ड नेव्हिगेशन",
+    "feature.focusHighlight": "फोकस हायलाइट",
+    "feature.linkHighlight": "लिंक हायलाइट",
+    "feature.animationStop": "अ‍ॅनिमेशन थांबवा",
+    "feature.readingGuide": "वाचन मार्गदर्शक",
+    "feature.readingMask": "वाचन मास्क",
+    "feature.hideImages": "प्रतिमा लपवा",
+    "feature.bigCursor": "मोठा कर्सर",
+    "feature.pageStructure": "पृष्ठरचना",
+    "feature.tts": "मोठ्याने वाचा",
+    "feature.textSimplify": "मजकूर सोपा करा",
+    "feature.altText": "alt-text तयार करा",
+    "feature.autoScan": "WCAG स्कॅन"
+  }),
+  te: withEnglish({
+    "widget.title": "అందుబాటు",
+    "widget.subtitle": "ఈ పేజీలో కాంట్రాస్ట్, టెక్స్ట్ మరియు నావిగేషన్‌ను సర్దుబాటు చేయండి",
+    "widget.open": "అందుబాటు సెట్టింగ్స్ తెరువు",
+    "widget.close": "మూసివేయి",
+    "widget.reset": "అన్నీ రీసెట్ చేయి",
+    "widget.resetConfirm": "అన్ని మార్పులు రీసెట్ అయ్యాయి",
+    "widget.poweredBy": "Accessify-Widget ద్వారా",
+    "widget.statement": "అందుబాటు ప్రకటన",
+    "widget.language": "భాష",
+    "status.active": "{count} సక్రియం",
+    "status.noActive": "ఏ మార్పూ సక్రియంగా లేదు",
+    "status.activated": "సక్రియం",
+    "status.deactivated": "నిష్క్రియం",
+    "section.essentials": "ఎక్కువగా ఉపయోగించేవి",
+    "section.essentials.desc": "కాంట్రాస్ట్, టెక్స్ట్ సైజు మరియు కీబోర్డ్ సహాయంతో మొదలుపెట్టండి.",
+    "section.support": "చదువు మరియు నావిగేషన్",
+    "section.support.desc": "ఫోకస్, తక్కువ మోషన్ మరియు పేజీ నిర్మాణానికి టూల్స్.",
+    "section.ai": "AI సహాయం",
+    "section.ai.desc": "కంటెంట్‌ను సులభతరం చేయండి, alt-text తయారు చేయండి, ఈ పేజీని స్కాన్ చేయండి.",
+    "control.mostUsed": "ఎక్కువ ఉపయోగం",
+    "control.chooseMode": "మోడ్ ఎంచుకోండి",
+    "control.default": "డిఫాల్ట్",
+    "contrast.mode.light": "లైట్ కాంట్రాస్ట్",
+    "contrast.mode.dark": "డార్క్ కాంట్రాస్ట్",
+    "contrast.mode.high": "హై కాంట్రాస్ట్",
+    "feature.contrast": "కాంట్రాస్ట్",
+    "feature.textSize": "పెద్ద టెక్స్ట్",
+    "feature.keyboardNav": "కీబోర్డ్ నావిగేషన్",
+    "feature.focusHighlight": "ఫోకస్ హైలైట్",
+    "feature.linkHighlight": "లింక్ హైలైట్",
+    "feature.animationStop": "యానిమేషన్స్ ఆపండి",
+    "feature.readingGuide": "రీడింగ్ గైడ్",
+    "feature.readingMask": "రీడింగ్ మాస్క్",
+    "feature.hideImages": "చిత్రాలు దాచు",
+    "feature.bigCursor": "పెద్ద కర్సర్",
+    "feature.pageStructure": "పేజీ నిర్మాణం",
+    "feature.tts": "గట్టిగా చదవండి",
+    "feature.textSimplify": "టెక్స్ట్ సులభతరం చేయి",
+    "feature.altText": "alt-text రూపొందించు",
+    "feature.autoScan": "WCAG స్కాన్"
+  }),
+  tr: withEnglish({
+    "widget.title": "Erisilebilirlik",
+    "widget.subtitle": "Bu sayfada kontrast, metin ve gezinmeyi ayarlayin",
+    "widget.open": "Erisilebilirlik ayarlarini ac",
+    "widget.close": "Kapat",
+    "widget.reset": "Tumunu sifirla",
+    "widget.resetConfirm": "Tum ayarlar sifirlandi",
+    "widget.poweredBy": "Accessify-Widget ile calisir",
+    "widget.statement": "Erisilebilirlik bildirimi",
+    "widget.language": "Dil",
+    "status.active": "{count} etkin",
+    "status.noActive": "Etkin ayar yok",
+    "status.activated": "etkin",
+    "status.deactivated": "devre disi",
+    "section.essentials": "En cok kullanilanlar",
+    "section.essentials.desc": "Kontrast, yazi boyutu ve klavye destegi ile baslayin.",
+    "section.support": "Okuma ve gezinme",
+    "section.support.desc": "Odak, azaltulmis hareket ve sayfa yapisi icin araclar.",
+    "section.ai": "YZ yardimi",
+    "section.ai.desc": "Icerigi sadeletir, alt metin olusturur ve mevcut sayfayi tarar.",
+    "control.mostUsed": "En cok kullanilan",
+    "control.chooseMode": "Mod sec",
+    "control.default": "Varsayilan",
+    "contrast.mode.light": "Acik kontrast",
+    "contrast.mode.dark": "Koyu kontrast",
+    "contrast.mode.high": "Yuksek kontrast",
+    "feature.contrast": "Kontrast",
+    "feature.textSize": "Buyuk metin",
+    "feature.keyboardNav": "Klavye gezintisi",
+    "feature.focusHighlight": "Odak vurgusu",
+    "feature.linkHighlight": "Baglantilari vurgula",
+    "feature.animationStop": "Animasyonlari durdur",
+    "feature.readingGuide": "Okuma kilavuzu",
+    "feature.readingMask": "Okuma maskesi",
+    "feature.hideImages": "Gorselleri gizle",
+    "feature.bigCursor": "Buyuk imlec",
+    "feature.pageStructure": "Sayfa yapisi",
+    "feature.tts": "Sesli oku",
+    "feature.textSimplify": "Metni sadeletir",
+    "feature.altText": "Alt metin olustur",
+    "feature.autoScan": "WCAG taramasi"
+  }),
+  ta: withEnglish({
+    "widget.title": "அணுகல்திறன்",
+    "widget.subtitle": "இந்த பக்கத்தில் எதிரொலி, உரை மற்றும் வழிசெலுத்தலை மாற்றுங்கள்",
+    "widget.open": "அணுகல்திறன் அமைப்புகளை திறக்கவும்",
+    "widget.close": "மூடு",
+    "widget.reset": "அனைத்தையும் மீட்டமை",
+    "widget.resetConfirm": "அனைத்து மாற்றங்களும் மீட்டமைக்கப்பட்டன",
+    "widget.poweredBy": "Accessify-Widget மூலம்",
+    "widget.statement": "அணுகல்திறன் அறிக்கை",
+    "widget.language": "மொழி",
+    "status.active": "{count} செயலில்",
+    "status.noActive": "செயலில் மாற்றங்கள் இல்லை",
+    "status.activated": "செயலில்",
+    "status.deactivated": "செயலற்றது",
+    "section.essentials": "அதிகம் பயன்படுத்தப்படும்",
+    "section.essentials.desc": "எதிரொலி, எழுத்து அளவு மற்றும் விசைப்பலகை உதவியுடன் தொடங்குங்கள்.",
+    "section.support": "வாசிப்பு மற்றும் வழிசெலுத்தல்",
+    "section.support.desc": "கவனம், குறைந்த இயக்கம் மற்றும் பக்க அமைப்புக்கான கருவிகள்.",
+    "section.ai": "AI உதவி",
+    "section.ai.desc": "உள்ளடக்கத்தை எளிமைப்படுத்தி, alt-text உருவாக்கி, இந்த பக்கத்தை ஸ்கேன் செய்யுங்கள்.",
+    "control.mostUsed": "அதிகம் பயன்படுத்தப்படும்",
+    "control.chooseMode": "முறையை தேர்வு செய்",
+    "control.default": "இயல்புநிலை",
+    "contrast.mode.light": "ஒளி எதிரொலி",
+    "contrast.mode.dark": "இருண்ட எதிரொலி",
+    "contrast.mode.high": "உயர் எதிரொலி",
+    "feature.contrast": "எதிரொலி",
+    "feature.textSize": "பெரிய எழுத்து",
+    "feature.keyboardNav": "விசைப்பலகை வழிசெலுத்தல்",
+    "feature.focusHighlight": "கவனத்தை வெளிப்படுத்து",
+    "feature.linkHighlight": "இணைப்புகளை வெளிப்படுத்து",
+    "feature.animationStop": "அனிமேஷனை நிறுத்து",
+    "feature.readingGuide": "வாசிப்பு வழிகாட்டி",
+    "feature.readingMask": "வாசிப்பு மறைப்பு",
+    "feature.hideImages": "படங்களை மறை",
+    "feature.bigCursor": "பெரிய கர்சர்",
+    "feature.pageStructure": "பக்க அமைப்பு",
+    "feature.tts": "சத்தமாக வாசி",
+    "feature.textSimplify": "உரையை எளிமைப்படுத்து",
+    "feature.altText": "alt-text உருவாக்கு",
+    "feature.autoScan": "WCAG ஸ்கேன்"
+  }),
+  vi: withEnglish({
+    "widget.title": "Tro nang truy cap",
+    "widget.subtitle": "Dieu chinh tuong phan, van ban va dieu huong tren trang nay",
+    "widget.open": "Mo cai dat tro nang truy cap",
+    "widget.close": "Dong",
+    "widget.reset": "Dat lai tat ca",
+    "widget.resetConfirm": "Da dat lai moi dieu chinh",
+    "widget.poweredBy": "Van hanh boi Accessify-Widget",
+    "widget.statement": "Tuyen bo tro nang truy cap",
+    "widget.language": "Ngon ngu",
+    "status.active": "{count} muc dang bat",
+    "status.noActive": "Khong co dieu chinh nao dang bat",
+    "status.activated": "da bat",
+    "status.deactivated": "da tat",
+    "section.essentials": "Dung nhieu nhat",
+    "section.essentials.desc": "Bat dau voi tuong phan, co chu va ho tro ban phim.",
+    "section.support": "Doc va dieu huong",
+    "section.support.desc": "Cong cu cho tap trung, giam chuyen dong va cau truc trang.",
+    "section.ai": "Ho tro AI",
+    "section.ai.desc": "Don gian hoa noi dung, tao alt-text va quet trang hien tai.",
+    "control.mostUsed": "Pho bien",
+    "control.chooseMode": "Chon che do",
+    "control.default": "Mac dinh",
+    "contrast.mode.light": "Tuong phan sang",
+    "contrast.mode.dark": "Tuong phan toi",
+    "contrast.mode.high": "Tuong phan cao",
+    "feature.contrast": "Tuong phan",
+    "feature.textSize": "Chu lon hon",
+    "feature.keyboardNav": "Dieu huong ban phim",
+    "feature.focusHighlight": "Noi bat tieu diem",
+    "feature.linkHighlight": "Noi bat lien ket",
+    "feature.animationStop": "Dung hieu ung",
+    "feature.readingGuide": "Thuoc doc",
+    "feature.readingMask": "Mat na doc",
+    "feature.hideImages": "An hinh anh",
+    "feature.bigCursor": "Con tro lon",
+    "feature.pageStructure": "Cau truc trang",
+    "feature.tts": "Doc thanh tieng",
+    "feature.textSimplify": "Don gian hoa van ban",
+    "feature.altText": "Tao alt-text",
+    "feature.autoScan": "Quet WCAG"
+  }),
+  ko: withEnglish({
+    "widget.title": "접근성",
+    "widget.subtitle": "이 페이지의 대비, 텍스트, 내비게이션을 조정하세요",
+    "widget.open": "접근성 설정 열기",
+    "widget.close": "닫기",
+    "widget.reset": "모두 재설정",
+    "widget.resetConfirm": "모든 조정이 재설정되었습니다",
+    "widget.poweredBy": "Accessify-Widget 제공",
+    "widget.statement": "접근성 안내문",
+    "widget.language": "언어",
+    "status.active": "{count}개 활성",
+    "status.noActive": "활성화된 조정이 없습니다",
+    "status.activated": "활성화됨",
+    "status.deactivated": "비활성화됨",
+    "section.essentials": "가장 많이 사용됨",
+    "section.essentials.desc": "대비, 글자 크기, 키보드 지원부터 시작하세요.",
+    "section.support": "읽기 및 내비게이션",
+    "section.support.desc": "초점, 움직임 감소, 페이지 구조를 위한 도구입니다.",
+    "section.ai": "AI 지원",
+    "section.ai.desc": "콘텐츠를 쉽게 만들고 대체 텍스트를 생성하며 현재 페이지를 검사합니다.",
+    "control.mostUsed": "가장 많이 사용됨",
+    "control.chooseMode": "모드 선택",
+    "control.default": "기본값",
+    "contrast.mode.light": "라이트 대비",
+    "contrast.mode.dark": "다크 대비",
+    "contrast.mode.high": "고대비",
+    "feature.contrast": "대비",
+    "feature.textSize": "큰 글자",
+    "feature.keyboardNav": "키보드 내비게이션",
+    "feature.focusHighlight": "포커스 강조",
+    "feature.linkHighlight": "링크 강조",
+    "feature.animationStop": "애니메이션 중지",
+    "feature.readingGuide": "읽기 가이드",
+    "feature.readingMask": "읽기 마스크",
+    "feature.hideImages": "이미지 숨기기",
+    "feature.bigCursor": "큰 커서",
+    "feature.pageStructure": "페이지 구조",
+    "feature.tts": "소리 내어 읽기",
+    "feature.textSimplify": "텍스트 단순화",
+    "feature.altText": "대체 텍스트 생성",
+    "feature.autoScan": "WCAG 검사"
+  })
+};
+const LANGUAGE_OPTIONS = [
+  { code: "en", label: "English" },
+  { code: "zh", label: "中文" },
+  { code: "hi", label: "हिन्दी" },
+  { code: "es", label: "Español" },
+  { code: "fr", label: "Français" },
+  { code: "ar", label: "العربية" },
+  { code: "bn", label: "বাংলা" },
+  { code: "pt", label: "Português" },
+  { code: "ru", label: "Русский" },
+  { code: "ur", label: "اردو" },
+  { code: "id", label: "Bahasa Indonesia" },
+  { code: "de", label: "Deutsch" },
+  { code: "ja", label: "日本語" },
+  { code: "pcm", label: "Naijá" },
+  { code: "mr", label: "मराठी" },
+  { code: "te", label: "తెలుగు" },
+  { code: "tr", label: "Türkçe" },
+  { code: "ta", label: "தமிழ்" },
+  { code: "vi", label: "Tiếng Việt" },
+  { code: "ko", label: "한국어" }
+];
+const RTL_LANGS = /* @__PURE__ */ new Set(["ar", "ur"]);
+let currentWidgetLang = "en";
 function getSupportedLang(lang) {
   if (!lang) return "en";
-  const normalized = lang.toLowerCase().split("-")[0];
-  return locales[normalized] ? normalized : "en";
+  const normalized = lang.toLowerCase();
+  if (locales[normalized]) return normalized;
+  const base = normalized.split("-")[0];
+  return locales[base] ? base : "en";
+}
+function setCurrentWidgetLang(lang) {
+  currentWidgetLang = getSupportedLang(lang);
+}
+function getCurrentWidgetLang() {
+  return currentWidgetLang;
+}
+function isRtlLang(lang) {
+  return RTL_LANGS.has(getSupportedLang(lang));
 }
 function t(key, lang = "en") {
   const resolved = getSupportedLang(lang);
-  return locales[resolved]?.[key] || locales["en"]?.[key] || key;
+  return locales[resolved]?.[key] || EN_BASE[key] || key;
 }
 var root$5 = /* @__PURE__ */ from_html(`<button class="accessify-trigger"></button>`);
 function TriggerButton($$anchor, $$props) {
@@ -4882,72 +5803,105 @@ function TriggerButton($$anchor, $$props) {
   pop();
 }
 delegate(["click"]);
-var root_1$3 = /* @__PURE__ */ from_html(`<button class="accessify-lang-toggle" title="Switch language"> </button>`);
-var root$4 = /* @__PURE__ */ from_html(`<div class="accessify-header"><h2> </h2> <div class="accessify-header-actions"><!> <button class="accessify-header-btn"><!> <span> </span></button> <button class="accessify-header-btn"></button></div></div>`);
+var root_2$1 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_1$3 = /* @__PURE__ */ from_html(`<label class="accessify-language-picker"><span class="sr-only"> </span> <span class="accessify-language-icon" aria-hidden="true"></span> <select class="accessify-language-select"></select></label>`);
+var root$4 = /* @__PURE__ */ from_html(`<div class="accessify-header"><div class="accessify-header-copy"><span class="accessify-header-kicker"> </span> <div class="accessify-header-title"><h2> </h2> <p> </p></div></div> <div class="accessify-header-toolbar"><!> <div class="accessify-header-actions"><button class="accessify-header-btn"><!> <span> </span></button> <button class="accessify-header-btn accessify-header-btn--icon"></button></div></div></div>`);
 function PanelHeader($$anchor, $$props) {
   push($$props, true);
   let lang = prop($$props, "lang", 3, "en");
-  function toggleLang() {
-    const next = lang().startsWith("de") ? "en" : "de";
-    $$props.onlangchange?.(next);
+  function handleLanguageChange(event2) {
+    const target = event2.currentTarget;
+    $$props.onlangchange?.(target.value);
   }
   var div = root$4();
-  var h2 = child(div);
-  var text = child(h2);
-  var div_1 = sibling(h2, 2);
-  var node = child(div_1);
+  var div_1 = child(div);
+  var span = child(div_1);
+  var text = child(span);
+  var div_2 = sibling(span, 2);
+  var h2 = child(div_2);
+  var text_1 = child(h2);
+  var p = sibling(h2, 2);
+  var text_2 = child(p);
+  var div_3 = sibling(div_1, 2);
+  var node = child(div_3);
   {
     var consequent = ($$anchor2) => {
-      var button = root_1$3();
-      var text_1 = child(button);
+      var label = root_1$3();
+      var span_1 = child(label);
+      var text_3 = child(span_1);
+      var span_2 = sibling(span_1, 2);
+      html(span_2, iconGlobe, true);
+      var select = sibling(span_2, 2);
+      each(select, 21, () => LANGUAGE_OPTIONS, index, ($$anchor3, option) => {
+        var option_1 = root_2$1();
+        var text_4 = child(option_1);
+        var option_1_value = {};
+        template_effect(() => {
+          set_text(text_4, get(option).label);
+          if (option_1_value !== (option_1_value = get(option).code)) {
+            option_1.value = (option_1.__value = get(option).code) ?? "";
+          }
+        });
+        append($$anchor3, option_1);
+      });
+      var select_value;
+      init_select(select);
       template_effect(
         ($0, $1) => {
-          set_attribute(button, "aria-label", `Language: ${$0 ?? ""}`);
-          set_text(text_1, $1);
+          set_text(text_3, $0);
+          set_attribute(select, "aria-label", $1);
+          if (select_value !== (select_value = lang())) {
+            select.value = (select.__value = lang()) ?? "", select_option(select, lang());
+          }
         },
         [
-          () => lang().startsWith("de") ? "Deutsch" : "English",
-          () => lang().startsWith("de") ? "DE" : "EN"
+          () => t("widget.language", lang()),
+          () => t("widget.language", lang())
         ]
       );
-      delegated("click", button, toggleLang);
-      append($$anchor2, button);
+      delegated("change", select, handleLanguageChange);
+      append($$anchor2, label);
     };
     if_block(node, ($$render) => {
       if ($$props.onlangchange) $$render(consequent);
     });
   }
-  var button_1 = sibling(node, 2);
-  var node_1 = child(button_1);
+  var div_4 = sibling(node, 2);
+  var button = child(div_4);
+  var node_1 = child(button);
   html(node_1, iconReset);
-  var span = sibling(node_1, 2);
-  var text_2 = child(span);
-  var button_2 = sibling(button_1, 2);
-  html(button_2, iconClose, true);
+  var span_3 = sibling(node_1, 2);
+  var text_5 = child(span_3);
+  var button_1 = sibling(button, 2);
+  html(button_1, iconClose, true);
   template_effect(
-    ($0, $1, $2, $3) => {
+    ($0, $1, $2, $3, $4, $5) => {
       set_text(text, $0);
-      set_attribute(button_1, "aria-label", $1);
+      set_text(text_1, $1);
       set_text(text_2, $2);
-      set_attribute(button_2, "aria-label", $3);
+      set_attribute(button, "aria-label", $3);
+      set_text(text_5, $4);
+      set_attribute(button_1, "aria-label", $5);
     },
     [
+      () => t("control.mostUsed", lang()),
       () => t("widget.title", lang()),
+      () => t("widget.subtitle", lang()),
       () => t("widget.reset", lang()),
       () => t("widget.reset", lang()),
       () => t("widget.close", lang())
     ]
   );
-  delegated("click", button_1, function(...$$args) {
+  delegated("click", button, function(...$$args) {
     $$props.onreset?.apply(this, $$args);
   });
-  delegated("click", button_2, function(...$$args) {
+  delegated("click", button_1, function(...$$args) {
     $$props.onclose?.apply(this, $$args);
   });
   append($$anchor, div);
   pop();
 }
-delegate(["click"]);
+delegate(["change", "click"]);
 var root_1$2 = /* @__PURE__ */ from_html(`<button class="accessify-status-reset"> </button>`);
 var root$3 = /* @__PURE__ */ from_html(`<div class="accessify-status" role="status" aria-live="polite"><span class="accessify-status-count"> </span> <!></div>`);
 function StatusBar($$anchor, $$props) {
@@ -4980,111 +5934,6 @@ function StatusBar($$anchor, $$props) {
   pop();
 }
 delegate(["click"]);
-const PROFILES = [
-  {
-    id: "vision-impaired",
-    nameKey: "profile.visionImpaired",
-    descKey: "profile.visionImpaired.desc",
-    iconId: "eye",
-    features: ["contrast", "text-size", "big-cursor", "focus-highlight", "link-highlight"],
-    featureSettings: { "text-size": 150, contrast: "high" }
-  },
-  {
-    id: "motor-impaired",
-    nameKey: "profile.motorImpaired",
-    descKey: "profile.motorImpaired.desc",
-    iconId: "keyboard",
-    features: ["keyboard-nav", "focus-highlight", "big-cursor"]
-  },
-  {
-    id: "cognitive",
-    nameKey: "profile.cognitive",
-    descKey: "profile.cognitive.desc",
-    iconId: "brain",
-    features: ["reading-guide", "text-size", "spacing", "dyslexia-font", "animation-stop"],
-    featureSettings: { "text-size": 130 }
-  },
-  {
-    id: "seizure-safe",
-    nameKey: "profile.seizureSafe",
-    descKey: "profile.seizureSafe.desc",
-    iconId: "shield",
-    features: ["animation-stop", "saturation"],
-    featureSettings: { saturation: "low" }
-  },
-  {
-    id: "adhd-friendly",
-    nameKey: "profile.adhdFriendly",
-    descKey: "profile.adhdFriendly.desc",
-    iconId: "focus",
-    features: ["animation-stop", "reading-mask", "focus-highlight", "hide-images"]
-  }
-];
-var root_1$1 = /* @__PURE__ */ from_html(`<button class="accessify-profile-card"><span aria-hidden="true"></span> <span> </span></button>`);
-var root$2 = /* @__PURE__ */ from_html(`<div class="accessify-profiles"><div class="accessify-section-title"> </div> <div class="accessify-profile-grid" role="group"></div></div>`);
-function ProfileSection($$anchor, $$props) {
-  push($$props, true);
-  let lang = prop($$props, "lang", 3, "en"), activeProfileId = prop($$props, "activeProfileId", 3, null);
-  function getIcon(iconId) {
-    const iconFn = icons[iconId];
-    return iconFn ? iconFn() : "";
-  }
-  var div = root$2();
-  var div_1 = child(div);
-  var text = child(div_1);
-  var div_2 = sibling(div_1, 2);
-  each(div_2, 21, () => PROFILES, (profile) => profile.id, ($$anchor2, profile) => {
-    var button = root_1$1();
-    var span = child(button);
-    html(span, () => getIcon(get(profile).iconId), true);
-    var span_1 = sibling(span, 2);
-    var text_1 = child(span_1);
-    template_effect(
-      ($0, $1, $2) => {
-        set_attribute(button, "aria-pressed", activeProfileId() === get(profile).id);
-        set_attribute(button, "aria-label", $0);
-        set_attribute(button, "title", $1);
-        set_text(text_1, $2);
-      },
-      [
-        () => t(get(profile).nameKey, lang()),
-        () => t(get(profile).descKey, lang()),
-        () => t(get(profile).nameKey, lang())
-      ]
-    );
-    delegated("click", button, () => $$props.onactivate(get(profile)));
-    append($$anchor2, button);
-  });
-  template_effect(
-    ($0, $1) => {
-      set_text(text, $0);
-      set_attribute(div_2, "aria-label", $1);
-    },
-    [
-      () => t("section.profiles", lang()),
-      () => t("section.profiles", lang())
-    ]
-  );
-  append($$anchor, div);
-  pop();
-}
-delegate(["click"]);
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
-      reject.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
 const DEFAULT_PROXY = "https://accessify-api.accessify.workers.dev";
 const OPENROUTER_BASE = "https://openrouter.ai/api/v1";
 const DEFAULTS = {
@@ -5233,175 +6082,168 @@ function getEnglishSimplificationPrompt() {
 
 Return ONLY the simplified text.`;
 }
-var root_3 = /* @__PURE__ */ from_html(`<button class="accessify-card" role="switch"><span class="accessify-card-icon" aria-hidden="true"></span> <span class="accessify-card-label"> </span> <span class="accessify-card-desc" aria-hidden="true"> </span></button>`);
-var root_2 = /* @__PURE__ */ from_html(`<div class="accessify-category"><div class="accessify-category-title"> </div> <div class="accessify-features" role="group"></div></div>`);
+var root_3 = /* @__PURE__ */ from_html(`<button class="accessify-chip"> </button>`);
+var root_2 = /* @__PURE__ */ from_html(`<article class="accessify-control-card accessify-control-card--contrast"><div class="accessify-control-copy"><span class="accessify-card-icon" aria-hidden="true"></span> <div><h4> </h4> <p> </p></div></div> <div class="accessify-chip-group" role="group"></div></article>`);
+var root_5 = /* @__PURE__ */ from_html(`<button class="accessify-chip"> </button>`);
+var root_4 = /* @__PURE__ */ from_html(`<article class="accessify-control-card accessify-control-card--text-size"><div class="accessify-control-copy"><span class="accessify-card-icon" aria-hidden="true"></span> <div><h4> </h4> <p> </p></div></div> <div class="accessify-chip-group accessify-chip-group--sizes" role="group"></div></article>`);
+var root_7 = /* @__PURE__ */ from_html(`<button class="accessify-card" role="switch"><div class="accessify-card-top"><span class="accessify-card-icon" aria-hidden="true"></span></div> <span class="accessify-card-label"> </span> <span class="accessify-card-desc"> </span></button>`);
+var root_6 = /* @__PURE__ */ from_html(`<div class="accessify-features"></div>`);
+var root_1$1 = /* @__PURE__ */ from_html(`<section class="accessify-section accessify-section--spotlight"><div class="accessify-section-head"><div><span class="accessify-section-kicker"> </span> <h3> </h3> <p> </p></div></div> <div class="accessify-control-grid"><!> <!></div> <!></section>`);
+var root_10 = /* @__PURE__ */ from_html(`<button class="accessify-card" role="switch"><div class="accessify-card-top"><span class="accessify-card-icon" aria-hidden="true"></span></div> <span class="accessify-card-label"> </span> <span class="accessify-card-desc"> </span></button>`);
+var root_9 = /* @__PURE__ */ from_html(`<section class="accessify-section"><div class="accessify-section-head"><div><h3> </h3> <p> </p></div></div> <div class="accessify-features"></div></section>`);
+var root$2 = /* @__PURE__ */ from_html(`<div class="accessify-body"><!> <!></div>`);
 function FeatureGrid($$anchor, $$props) {
   push($$props, true);
   const FEATURE_REGISTRY = {
-    contrast: {
-      id: "contrast",
-      nameKey: "feature.contrast",
-      descKey: "feature.contrast.desc",
-      iconId: "contrast",
-      category: "visual"
-    },
-    "text-size": {
-      id: "text-size",
-      nameKey: "feature.textSize",
-      descKey: "feature.textSize.desc",
-      iconId: "text-size",
-      category: "visual"
-    },
-    spacing: {
-      id: "spacing",
-      nameKey: "feature.spacing",
-      descKey: "feature.spacing.desc",
-      iconId: "spacing",
-      category: "visual"
-    },
-    "dyslexia-font": {
-      id: "dyslexia-font",
-      nameKey: "feature.dyslexiaFont",
-      descKey: "feature.dyslexiaFont.desc",
-      iconId: "font",
-      category: "visual"
+    "keyboard-nav": {
+      id: "keyboard-nav",
+      nameKey: "feature.keyboardNav",
+      descKey: "feature.keyboardNav.desc",
+      iconId: "keyboard"
     },
-    "color-blindness": {
-      id: "color-blindness",
-      nameKey: "feature.colorBlind",
-      descKey: "feature.colorBlind.desc",
-      iconId: "color-blindness",
-      category: "visual"
+    "focus-highlight": {
+      id: "focus-highlight",
+      nameKey: "feature.focusHighlight",
+      descKey: "feature.focusHighlight.desc",
+      iconId: "focus"
     },
     "link-highlight": {
       id: "link-highlight",
       nameKey: "feature.linkHighlight",
       descKey: "feature.linkHighlight.desc",
-      iconId: "link-highlight",
-      category: "visual"
-    },
-    saturation: {
-      id: "saturation",
-      nameKey: "feature.saturation",
-      descKey: "feature.saturation.desc",
-      iconId: "saturation",
-      category: "visual"
-    },
-    "hide-images": {
-      id: "hide-images",
-      nameKey: "feature.hideImages",
-      descKey: "feature.hideImages.desc",
-      iconId: "hide-images",
-      category: "visual"
-    },
-    "text-align": {
-      id: "text-align",
-      nameKey: "feature.textAlign",
-      descKey: "feature.textAlign.desc",
-      iconId: "text-align",
-      category: "visual"
-    },
-    "line-height": {
-      id: "line-height",
-      nameKey: "feature.lineHeight",
-      descKey: "feature.lineHeight.desc",
-      iconId: "line-height",
-      category: "visual"
+      iconId: "link-highlight"
     },
     "reading-guide": {
       id: "reading-guide",
       nameKey: "feature.readingGuide",
       descKey: "feature.readingGuide.desc",
-      iconId: "reading-guide",
-      category: "motor"
+      iconId: "reading-guide"
     },
     "reading-mask": {
       id: "reading-mask",
       nameKey: "feature.readingMask",
       descKey: "feature.readingMask.desc",
-      iconId: "reading-mask",
-      category: "motor"
+      iconId: "reading-mask"
     },
-    "focus-highlight": {
-      id: "focus-highlight",
-      nameKey: "feature.focusHighlight",
-      descKey: "feature.focusHighlight.desc",
-      iconId: "focus",
-      category: "motor"
+    "animation-stop": {
+      id: "animation-stop",
+      nameKey: "feature.animationStop",
+      descKey: "feature.animationStop.desc",
+      iconId: "animation-pause"
+    },
+    "hide-images": {
+      id: "hide-images",
+      nameKey: "feature.hideImages",
+      descKey: "feature.hideImages.desc",
+      iconId: "hide-images"
     },
     "big-cursor": {
       id: "big-cursor",
       nameKey: "feature.bigCursor",
       descKey: "feature.bigCursor.desc",
-      iconId: "cursor",
-      category: "motor"
-    },
-    "keyboard-nav": {
-      id: "keyboard-nav",
-      nameKey: "feature.keyboardNav",
-      descKey: "feature.keyboardNav.desc",
-      iconId: "keyboard",
-      category: "motor"
+      iconId: "cursor"
     },
     "page-structure": {
       id: "page-structure",
       nameKey: "feature.pageStructure",
       descKey: "feature.pageStructure.desc",
-      iconId: "page-structure",
-      category: "motor"
-    },
-    "animation-stop": {
-      id: "animation-stop",
-      nameKey: "feature.animationStop",
-      descKey: "feature.animationStop.desc",
-      iconId: "animation-pause",
-      category: "cognitive"
+      iconId: "page-structure"
     },
     tts: {
       id: "tts",
       nameKey: "feature.tts",
       descKey: "feature.tts.desc",
-      iconId: "tts",
-      category: "cognitive"
+      iconId: "tts"
     },
     "text-simplify": {
       id: "text-simplify",
       nameKey: "feature.textSimplify",
       descKey: "feature.textSimplify.desc",
-      iconId: "simplify-text",
-      category: "ai"
+      iconId: "simplify-text"
     },
     "alt-text": {
       id: "alt-text",
       nameKey: "feature.altText",
       descKey: "feature.altText.desc",
-      iconId: "alt-text",
-      category: "ai"
+      iconId: "alt-text"
     },
     "auto-scan": {
       id: "auto-scan",
       nameKey: "feature.autoScan",
       descKey: "feature.autoScan.desc",
-      iconId: "scan",
-      category: "ai"
+      iconId: "scan"
     }
   };
-  const CATEGORIES = [
-    { key: "visual", labelKey: "category.visual" },
-    { key: "motor", labelKey: "category.motor" },
-    { key: "cognitive", labelKey: "category.cognitive" },
-    { key: "ai", labelKey: "category.ai" }
+  const SECTIONS = [
+    {
+      id: "essentials",
+      labelKey: "section.essentials",
+      descKey: "section.essentials.desc",
+      featureIds: ["keyboard-nav", "focus-highlight", "link-highlight"]
+    },
+    {
+      id: "support",
+      labelKey: "section.support",
+      descKey: "section.support.desc",
+      featureIds: [
+        "reading-guide",
+        "reading-mask",
+        "animation-stop",
+        "hide-images",
+        "page-structure",
+        "big-cursor",
+        "tts"
+      ]
+    },
+    {
+      id: "ai",
+      labelKey: "section.ai",
+      descKey: "section.ai.desc",
+      featureIds: ["text-simplify", "alt-text", "auto-scan"]
+    }
   ];
-  let groupedFeatures = /* @__PURE__ */ user_derived(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const cat of CATEGORIES) groups.set(cat.key, []);
-    for (const slug of $$props.config.features) {
-      const def = FEATURE_REGISTRY[slug];
-      if (def) groups.get(def.category).push(def);
-    }
-    return groups;
-  });
+  const CONTRAST_MODES = [
+    { id: "off", labelKey: "control.default" },
+    { id: "light", labelKey: "contrast.mode.light" },
+    { id: "dark", labelKey: "contrast.mode.dark" },
+    { id: "high", labelKey: "contrast.mode.high" }
+  ];
+  const TEXT_SIZE_PRESETS = [100, 120, 140, 160, 180];
+  const AI_FEATURES = /* @__PURE__ */ new Set(["text-simplify", "alt-text"]);
+  const loadedModules = /* @__PURE__ */ new Map();
+  const FEATURE_LOADERS = {
+    contrast: () => import("./contrast-CqsICAkU.js"),
+    "text-size": () => import("./text-size-C6OFhCGi.js"),
+    "keyboard-nav": () => import("./keyboard-nav-YtijlLYi.js"),
+    "focus-highlight": () => import("./focus-highlight-CjERyyUF.js"),
+    "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
+    "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
+    "reading-mask": () => import("./reading-mask-BABChuCz.js"),
+    "animation-stop": () => import("./animation-stop-DXebPS8D.js"),
+    "hide-images": () => import("./hide-images-DJwmsV2C.js"),
+    "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
+    "page-structure": () => import("./page-structure-WFqy5QjQ.js"),
+    tts: () => import("./tts-02b9iV0h.js"),
+    "text-simplify": () => import("./text-simplify-CELklw5A.js"),
+    "alt-text": () => import("./alt-text-CrPRUX83.js"),
+    "auto-scan": () => import("./auto-scan-pg-09o7A.js")
+  };
+  let contrastMode = /* @__PURE__ */ state(proxy(readStoredContrastMode()));
+  let textSize = /* @__PURE__ */ state(proxy(readStoredTextSize()));
+  let visibleFeatureIds = /* @__PURE__ */ user_derived(() => new Set($$props.config.features));
+  let essentialFeatures = /* @__PURE__ */ user_derived(() => getFeatureDefs(SECTIONS[0].featureIds));
+  let activeSignature = /* @__PURE__ */ user_derived(() => Array.from($$props.activeFeatures.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([id, enabled]) => `${id}:${enabled}`).join("|"));
   let aiService;
+  function readStoredContrastMode() {
+    if (typeof window === "undefined") return "off";
+    const stored = localStorage.getItem("accessify-contrast-mode");
+    return stored === "light" || stored === "dark" || stored === "high" ? stored : "off";
+  }
+  function readStoredTextSize() {
+    if (typeof window === "undefined") return 100;
+    const stored = Number.parseInt(localStorage.getItem("accessify-text-size") || "100", 10);
+    return Number.isFinite(stored) ? Math.max(100, Math.min(200, stored)) : 100;
+  }
   function getAIService() {
     if (!aiService) {
       aiService = createAIService({
@@ -5412,78 +6254,303 @@ function FeatureGrid($$anchor, $$props) {
     }
     return aiService;
   }
-  const AI_FEATURES = /* @__PURE__ */ new Set(["text-simplify", "alt-text"]);
-  const loadedModules = /* @__PURE__ */ new Map();
+  function getIcon(iconId) {
+    const iconFn = icons[iconId];
+    return iconFn ? iconFn() : "";
+  }
+  function getFeatureDefs(ids) {
+    return ids.filter((id) => get(visibleFeatureIds).has(id)).map((id) => FEATURE_REGISTRY[id]).filter(Boolean);
+  }
+  function updateControlState(id, module) {
+    if (!module) return;
+    const state2 = module.getState();
+    if (id === "contrast") {
+      set(contrastMode, state2.value === "light" || state2.value === "dark" || state2.value === "high" ? state2.value : "off", true);
+    }
+    if (id === "text-size") {
+      set(textSize, typeof state2.value === "number" ? state2.value : 100, true);
+    }
+  }
   function handleReset() {
-    for (const [, mod] of loadedModules) {
+    for (const [, module] of loadedModules) {
       try {
-        mod.deactivate();
+        module.deactivate();
       } catch {
       }
     }
+    set(contrastMode, "off");
+    set(textSize, 100);
   }
   if (typeof window !== "undefined") {
     window.addEventListener("accessify:reset", handleReset);
   }
   async function loadFeatureModule(id) {
     if (loadedModules.has(id)) return loadedModules.get(id);
+    const loader = FEATURE_LOADERS[id];
+    if (!loader) return null;
     try {
-      const mod = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../features/alt-text.ts": () => import("./alt-text-CLxbmwG6.js"), "../features/animation-stop.ts": () => import("./animation-stop-DXebPS8D.js"), "../features/auto-scan.ts": () => import("./auto-scan-pg-09o7A.js"), "../features/big-cursor.ts": () => import("./big-cursor-B2UKu9dQ.js"), "../features/color-blind.ts": () => import("./color-blind-0LFng55r.js"), "../features/contrast.ts": () => import("./contrast-DCkE0NXZ.js"), "../features/dyslexia-font.ts": () => import("./dyslexia-font-wONgIy2T.js"), "../features/focus-highlight.ts": () => import("./focus-highlight-CjERyyUF.js"), "../features/hide-images.ts": () => import("./hide-images-DJwmsV2C.js"), "../features/keyboard-nav.ts": () => import("./keyboard-nav-BdPyLaZt.js"), "../features/line-height.ts": () => import("./line-height-BT98qgEF.js"), "../features/link-highlight.ts": () => import("./link-highlight-DBGm067Y.js"), "../features/page-structure.ts": () => import("./page-structure-2X8mOSpC.js"), "../features/reading-guide.ts": () => import("./reading-guide-VT8NciIL.js"), "../features/reading-mask.ts": () => import("./reading-mask-BABChuCz.js"), "../features/saturation.ts": () => import("./saturation-D8ZXpWAN.js"), "../features/spacing.ts": () => import("./spacing-DENai3JU.js"), "../features/text-align.ts": () => import("./text-align-BDRPqPvl.js"), "../features/text-simplify.ts": () => import("./text-simplify-CELklw5A.js"), "../features/text-size.ts": () => import("./text-size-B-uv436p.js"), "../features/tts.ts": () => import("./tts-02b9iV0h.js") }), `../features/${id}.ts`, 3);
+      const mod = await loader();
       const exported = mod.default ?? mod;
-      let featureModule;
-      if (typeof exported === "function") {
-        featureModule = AI_FEATURES.has(id) ? exported(getAIService(), $$props.config.lang) : exported();
-      } else {
-        featureModule = exported;
-      }
+      const featureModule = typeof exported === "function" ? AI_FEATURES.has(id) ? exported(getAIService(), $$props.config.lang) : exported() : exported;
       loadedModules.set(id, featureModule);
       return featureModule;
-    } catch (err) {
-      console.warn(`[Accessify] Failed to load feature module "${id}":`, err);
+    } catch (error) {
+      console.warn(`[Accessify] Failed to load feature module "${id}":`, error);
       return null;
     }
   }
+  async function syncActiveModules(_) {
+    const idsToSync = /* @__PURE__ */ new Set(["contrast", "text-size", ...$$props.config.features]);
+    for (const id of idsToSync) {
+      const shouldBeEnabled = $$props.activeFeatures.get(id) ?? false;
+      const alreadyLoaded = loadedModules.get(id);
+      if (!shouldBeEnabled && !alreadyLoaded) {
+        if (id === "contrast") set(contrastMode, "off");
+        if (id === "text-size") set(textSize, 100);
+        continue;
+      }
+      const module = shouldBeEnabled ? await loadFeatureModule(id) : alreadyLoaded;
+      if (!module) continue;
+      const isEnabled = module.getState().enabled;
+      if (shouldBeEnabled && !isEnabled) module.activate();
+      if (!shouldBeEnabled && isEnabled) module.deactivate();
+      updateControlState(id, module);
+    }
+  }
   async function handleToggle(id) {
-    const isCurrentlyActive = $$props.activeFeatures.get(id) ?? false;
-    const newState = !isCurrentlyActive;
-    const mod = await loadFeatureModule(id);
-    if (mod) {
-      if (newState) mod.activate();
-      else mod.deactivate();
+    const isActive = $$props.activeFeatures.get(id) ?? false;
+    const nextState = !isActive;
+    const module = await loadFeatureModule(id);
+    if (module) {
+      if (nextState) module.activate();
+      else module.deactivate();
+      updateControlState(id, module);
+    }
+    $$props.ontoggle(id, nextState);
+  }
+  async function setContrastMode(mode) {
+    const module = await loadFeatureModule("contrast");
+    if (!module) return;
+    if (mode === "off") {
+      module.deactivate();
+      set(contrastMode, "off");
+      $$props.ontoggle("contrast", false);
+      return;
     }
-    $$props.ontoggle(id, newState);
+    if (!module.getState().enabled) module.activate();
+    module.setState?.(mode);
+    set(contrastMode, mode, true);
+    $$props.ontoggle("contrast", true);
+  }
+  async function setTextSize(value) {
+    const module = await loadFeatureModule("text-size");
+    if (!module) return;
+    if (value === 100) {
+      module.deactivate();
+      set(textSize, 100);
+      $$props.ontoggle("text-size", false);
+      return;
+    }
+    if (!module.getState().enabled) module.activate();
+    module.setState?.(value);
+    set(textSize, value, true);
+    $$props.ontoggle("text-size", true);
   }
-  function getIcon(iconId) {
-    const iconFn = icons[iconId];
-    return iconFn ? iconFn() : "";
+  user_effect(() => {
+    `${$$props.config.features.join("|")}|${get(activeSignature)}`;
+    void syncActiveModules();
+  });
+  var div = root$2();
+  var node = child(div);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var section_1 = root_1$1();
+      var div_1 = child(section_1);
+      var div_2 = child(div_1);
+      var span = child(div_2);
+      var text = child(span);
+      var h3 = sibling(span, 2);
+      var text_1 = child(h3);
+      var p = sibling(h3, 2);
+      var text_2 = child(p);
+      var div_3 = sibling(div_1, 2);
+      var node_1 = child(div_3);
+      {
+        var consequent = ($$anchor3) => {
+          var article = root_2();
+          var div_4 = child(article);
+          var span_1 = child(div_4);
+          html(span_1, () => getIcon("contrast"), true);
+          var div_5 = sibling(span_1, 2);
+          var h4 = child(div_5);
+          var text_3 = child(h4);
+          var p_1 = sibling(h4, 2);
+          var text_4 = child(p_1);
+          var div_6 = sibling(div_4, 2);
+          each(div_6, 21, () => CONTRAST_MODES, index, ($$anchor4, mode) => {
+            var button = root_3();
+            var text_5 = child(button);
+            template_effect(
+              ($0) => {
+                set_attribute(button, "data-active", get(contrastMode) === get(mode).id);
+                set_attribute(button, "aria-pressed", get(contrastMode) === get(mode).id);
+                set_text(text_5, $0);
+              },
+              [() => t(get(mode).labelKey, $$props.config.lang)]
+            );
+            delegated("click", button, () => setContrastMode(get(mode).id));
+            append($$anchor4, button);
+          });
+          template_effect(
+            ($0, $1, $2) => {
+              set_text(text_3, $0);
+              set_text(text_4, $1);
+              set_attribute(div_6, "aria-label", $2);
+            },
+            [
+              () => t("feature.contrast", $$props.config.lang),
+              () => t("feature.contrast.desc", $$props.config.lang),
+              () => t("control.chooseMode", $$props.config.lang)
+            ]
+          );
+          append($$anchor3, article);
+        };
+        var d = /* @__PURE__ */ user_derived(() => get(visibleFeatureIds).has("contrast"));
+        if_block(node_1, ($$render) => {
+          if (get(d)) $$render(consequent);
+        });
+      }
+      var node_2 = sibling(node_1, 2);
+      {
+        var consequent_1 = ($$anchor3) => {
+          var article_1 = root_4();
+          var div_7 = child(article_1);
+          var span_2 = child(div_7);
+          html(span_2, () => getIcon("text-size"), true);
+          var div_8 = sibling(span_2, 2);
+          var h4_1 = child(div_8);
+          var text_6 = child(h4_1);
+          var p_2 = sibling(h4_1, 2);
+          var text_7 = child(p_2);
+          var div_9 = sibling(div_7, 2);
+          each(div_9, 21, () => TEXT_SIZE_PRESETS, index, ($$anchor4, preset) => {
+            var button_1 = root_5();
+            var text_8 = child(button_1);
+            template_effect(() => {
+              set_attribute(button_1, "data-active", get(textSize) === get(preset));
+              set_attribute(button_1, "aria-pressed", get(textSize) === get(preset));
+              set_text(text_8, `${get(preset) ?? ""}%`);
+            });
+            delegated("click", button_1, () => setTextSize(get(preset)));
+            append($$anchor4, button_1);
+          });
+          template_effect(
+            ($0, $1, $2) => {
+              set_text(text_6, $0);
+              set_text(text_7, $1);
+              set_attribute(div_9, "aria-label", $2);
+            },
+            [
+              () => t("feature.textSize", $$props.config.lang),
+              () => t("feature.textSize.desc", $$props.config.lang),
+              () => t("feature.textSize", $$props.config.lang)
+            ]
+          );
+          append($$anchor3, article_1);
+        };
+        var d_1 = /* @__PURE__ */ user_derived(() => get(visibleFeatureIds).has("text-size"));
+        if_block(node_2, ($$render) => {
+          if (get(d_1)) $$render(consequent_1);
+        });
+      }
+      var node_3 = sibling(div_3, 2);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var div_10 = root_6();
+          each(div_10, 21, () => get(essentialFeatures), (feature) => feature.id, ($$anchor4, feature) => {
+            const isActive = /* @__PURE__ */ user_derived(() => $$props.activeFeatures.get(get(feature).id) ?? false);
+            var button_2 = root_7();
+            var div_11 = child(button_2);
+            var span_3 = child(div_11);
+            html(span_3, () => getIcon(get(feature).iconId), true);
+            var span_4 = sibling(div_11, 2);
+            var text_9 = child(span_4);
+            var span_5 = sibling(span_4, 2);
+            var text_10 = child(span_5);
+            template_effect(
+              ($0, $1, $2) => {
+                set_attribute(button_2, "data-active", get(isActive));
+                set_attribute(button_2, "aria-checked", get(isActive));
+                set_attribute(button_2, "aria-label", $0);
+                set_text(text_9, $1);
+                set_text(text_10, $2);
+              },
+              [
+                () => t(get(feature).nameKey, $$props.config.lang),
+                () => t(get(feature).nameKey, $$props.config.lang),
+                () => t(get(feature).descKey, $$props.config.lang)
+              ]
+            );
+            delegated("click", button_2, () => handleToggle(get(feature).id));
+            append($$anchor4, button_2);
+          });
+          append($$anchor3, div_10);
+        };
+        if_block(node_3, ($$render) => {
+          if (get(essentialFeatures).length > 0) $$render(consequent_2);
+        });
+      }
+      template_effect(
+        ($0, $1, $2) => {
+          set_text(text, $0);
+          set_text(text_1, $1);
+          set_text(text_2, $2);
+        },
+        [
+          () => t("control.mostUsed", $$props.config.lang),
+          () => t(SECTIONS[0].labelKey, $$props.config.lang),
+          () => t(SECTIONS[0].descKey, $$props.config.lang)
+        ]
+      );
+      append($$anchor2, section_1);
+    };
+    var d_2 = /* @__PURE__ */ user_derived(() => get(visibleFeatureIds).has("contrast") || get(visibleFeatureIds).has("text-size") || getFeatureDefs(SECTIONS[0].featureIds).length > 0);
+    if_block(node, ($$render) => {
+      if (get(d_2)) $$render(consequent_3);
+    });
   }
-  var fragment = comment();
-  var node = first_child(fragment);
-  each(node, 17, () => CATEGORIES, index, ($$anchor2, category) => {
-    const features = /* @__PURE__ */ user_derived(() => get(groupedFeatures).get(get(category).key) ?? []);
-    var fragment_1 = comment();
-    var node_1 = first_child(fragment_1);
+  var node_4 = sibling(node, 2);
+  each(node_4, 17, () => SECTIONS.slice(1), index, ($$anchor2, section) => {
+    const features = /* @__PURE__ */ user_derived(() => getFeatureDefs(get(section).featureIds));
+    var fragment = comment();
+    var node_5 = first_child(fragment);
     {
-      var consequent = ($$anchor3) => {
-        var div = root_2();
-        var div_1 = child(div);
-        var text = child(div_1);
-        var div_2 = sibling(div_1, 2);
-        each(div_2, 21, () => get(features), (feature) => feature.id, ($$anchor4, feature) => {
+      var consequent_4 = ($$anchor3) => {
+        var section_2 = root_9();
+        var div_12 = child(section_2);
+        var div_13 = child(div_12);
+        var h3_1 = child(div_13);
+        var text_11 = child(h3_1);
+        var p_3 = sibling(h3_1, 2);
+        var text_12 = child(p_3);
+        var div_14 = sibling(div_12, 2);
+        each(div_14, 21, () => get(features), (feature) => feature.id, ($$anchor4, feature) => {
           const isActive = /* @__PURE__ */ user_derived(() => $$props.activeFeatures.get(get(feature).id) ?? false);
-          var button = root_3();
-          var span = child(button);
-          html(span, () => getIcon(get(feature).iconId), true);
-          var span_1 = sibling(span, 2);
-          var text_1 = child(span_1);
-          var span_2 = sibling(span_1, 2);
-          var text_2 = child(span_2);
+          var button_3 = root_10();
+          var div_15 = child(button_3);
+          var span_6 = child(div_15);
+          html(span_6, () => getIcon(get(feature).iconId), true);
+          var span_7 = sibling(div_15, 2);
+          var text_13 = child(span_7);
+          var span_8 = sibling(span_7, 2);
+          var text_14 = child(span_8);
           template_effect(
             ($0, $1, $2) => {
-              set_attribute(button, "aria-checked", get(isActive));
-              set_attribute(button, "aria-label", $0);
-              set_text(text_1, $1);
-              set_text(text_2, $2);
+              set_attribute(button_3, "data-active", get(isActive));
+              set_attribute(button_3, "aria-checked", get(isActive));
+              set_attribute(button_3, "aria-label", $0);
+              set_text(text_13, $1);
+              set_text(text_14, $2);
             },
             [
               () => t(get(feature).nameKey, $$props.config.lang),
@@ -5491,28 +6558,28 @@ function FeatureGrid($$anchor, $$props) {
               () => t(get(feature).descKey, $$props.config.lang)
             ]
           );
-          delegated("click", button, () => handleToggle(get(feature).id));
-          append($$anchor4, button);
+          delegated("click", button_3, () => handleToggle(get(feature).id));
+          append($$anchor4, button_3);
         });
         template_effect(
           ($0, $1) => {
-            set_text(text, $0);
-            set_attribute(div_2, "aria-label", $1);
+            set_text(text_11, $0);
+            set_text(text_12, $1);
           },
           [
-            () => t(get(category).labelKey, $$props.config.lang),
-            () => t(get(category).labelKey, $$props.config.lang)
+            () => t(get(section).labelKey, $$props.config.lang),
+            () => t(get(section).descKey, $$props.config.lang)
           ]
         );
-        append($$anchor3, div);
+        append($$anchor3, section_2);
       };
-      if_block(node_1, ($$render) => {
-        if (get(features).length > 0) $$render(consequent);
+      if_block(node_5, ($$render) => {
+        if (get(features).length > 0) $$render(consequent_4);
       });
     }
-    append($$anchor2, fragment_1);
+    append($$anchor2, fragment);
   });
-  append($$anchor, fragment);
+  append($$anchor, div);
   pop();
 }
 delegate(["click"]);
@@ -5547,7 +6614,7 @@ function PanelFooter($$anchor, $$props) {
   append($$anchor, div);
   pop();
 }
-var root = /* @__PURE__ */ from_html(`<div class="sr-only" role="status" aria-live="polite" aria-atomic="true"> </div> <!> <div class="accessify-panel" role="dialog"><!> <!> <!> <!> <!></div>`, 1);
+var root = /* @__PURE__ */ from_html(`<div class="sr-only" role="status" aria-live="polite" aria-atomic="true"> </div> <!> <div class="accessify-panel" role="dialog"><!> <!> <!> <!></div>`, 1);
 function WidgetApp($$anchor, $$props) {
   push($$props, true);
   let config2 = prop($$props, "config", 7);
@@ -5557,10 +6624,8 @@ function WidgetApp($$anchor, $$props) {
   let panelEl = /* @__PURE__ */ state(null);
   let triggerEl = /* @__PURE__ */ state(null);
   let announcement = /* @__PURE__ */ state("");
-  let activeProfileId = /* @__PURE__ */ state(null);
-  let widgetLang = /* @__PURE__ */ state(proxy(config2().lang || "en"));
+  let widgetLang = /* @__PURE__ */ state("en");
   const STORAGE_KEY = "accessify-prefs";
-  const PROFILE_STORAGE_KEY = "accessify-profile";
   let activeCount = /* @__PURE__ */ user_derived(() => Array.from(get(activeFeatures).values()).filter(Boolean).length);
   function announce(message) {
     set(announcement, "");
@@ -5575,8 +6640,6 @@ function WidgetApp($$anchor, $$props) {
         const prefs = JSON.parse(saved);
         set(activeFeatures, new Map(Object.entries(prefs)), true);
       }
-      const savedProfile = localStorage.getItem(PROFILE_STORAGE_KEY);
-      if (savedProfile) set(activeProfileId, savedProfile, true);
     } catch {
     }
   }
@@ -5584,11 +6647,6 @@ function WidgetApp($$anchor, $$props) {
     try {
       const obj = Object.fromEntries(get(activeFeatures));
       localStorage.setItem(STORAGE_KEY, JSON.stringify(obj));
-      if (get(activeProfileId)) {
-        localStorage.setItem(PROFILE_STORAGE_KEY, get(activeProfileId));
-      } else {
-        localStorage.removeItem(PROFILE_STORAGE_KEY);
-      }
     } catch {
     }
   }
@@ -5613,6 +6671,17 @@ function WidgetApp($$anchor, $$props) {
       else mount2.setAttribute("data-theme", get(currentTheme));
     }
   }
+  function applyLanguage() {
+    const mount2 = $$props.shadow.getElementById("accessify-mount");
+    const dir = isRtlLang(get(widgetLang)) ? "rtl" : "ltr";
+    if (mount2) {
+      mount2.setAttribute("lang", get(widgetLang));
+      mount2.setAttribute("dir", dir);
+    }
+    $$props.shadow.host.setAttribute("lang", get(widgetLang));
+    $$props.shadow.host.setAttribute("dir", dir);
+    setCurrentWidgetLang(get(widgetLang));
+  }
   function open() {
     set(isOpen, true);
     requestAnimationFrame(() => {
@@ -5634,7 +6703,6 @@ function WidgetApp($$anchor, $$props) {
   function handleFeatureToggle(id, enabled) {
     get(activeFeatures).set(id, enabled);
     set(activeFeatures, new Map(get(activeFeatures)), true);
-    set(activeProfileId, null);
     savePrefs();
     const featureKey = `feature.${id.replace(/-([a-z])/g, (_, c) => c.toUpperCase())}`;
     const name = t(featureKey, get(widgetLang)) || id;
@@ -5643,33 +6711,14 @@ function WidgetApp($$anchor, $$props) {
   }
   function resetAll() {
     set(activeFeatures, /* @__PURE__ */ new Map(), true);
-    set(activeProfileId, null);
     savePrefs();
     window.dispatchEvent(new CustomEvent("accessify:reset"));
     announce(t("widget.resetConfirm", get(widgetLang)));
   }
-  function handleProfileActivate(profile) {
-    if (get(activeProfileId) === profile.id) {
-      resetAll();
-      return;
-    }
-    window.dispatchEvent(new CustomEvent("accessify:reset"));
-    const newActive = /* @__PURE__ */ new Map();
-    for (const featureId of profile.features) {
-      newActive.set(featureId, true);
-    }
-    set(activeFeatures, newActive, true);
-    set(activeProfileId, profile.id, true);
-    savePrefs();
-    for (const featureId of profile.features) {
-      window.dispatchEvent(new CustomEvent("accessify:feature-activate", { detail: { id: featureId } }));
-    }
-    const profileName = t(profile.nameKey, get(widgetLang));
-    announce(`${profileName} ${t("status.activated", get(widgetLang))}`);
-  }
   function handleLangChange(newLang) {
-    set(widgetLang, newLang, true);
-    config2().lang = newLang;
+    set(widgetLang, getSupportedLang(newLang), true);
+    config2().lang = get(widgetLang);
+    applyLanguage();
   }
   function handleKeydown(e) {
     if (e.key === "Escape" && get(isOpen)) {
@@ -5692,20 +6741,12 @@ function WidgetApp($$anchor, $$props) {
       }
     }
   }
-  function restoreSavedFeatures() {
-    for (const [id, enabled] of get(activeFeatures)) {
-      if (enabled) {
-        window.dispatchEvent(new CustomEvent("accessify:feature-activate", { detail: { id } }));
-      }
-    }
-  }
   onMount(() => {
+    set(widgetLang, getSupportedLang(config2().lang || "en"), true);
     detectTheme();
     applyTheme();
     loadPrefs();
-    queueMicrotask(() => {
-      restoreSavedFeatures();
-    });
+    applyLanguage();
   });
   var $$exports = { open, close };
   var fragment = root();
@@ -5749,19 +6790,9 @@ function WidgetApp($$anchor, $$props) {
     onreset: resetAll
   });
   var node_3 = sibling(node_2, 2);
-  ProfileSection(node_3, {
-    get lang() {
-      return get(widgetLang);
-    },
-    get activeProfileId() {
-      return get(activeProfileId);
-    },
-    onactivate: handleProfileActivate
-  });
-  var node_4 = sibling(node_3, 2);
   {
     let $0 = /* @__PURE__ */ user_derived(() => ({ ...config2(), lang: get(widgetLang) }));
-    FeatureGrid(node_4, {
+    FeatureGrid(node_3, {
       get config() {
         return get($0);
       },
@@ -5771,8 +6802,8 @@ function WidgetApp($$anchor, $$props) {
       ontoggle: handleFeatureToggle
     });
   }
-  var node_5 = sibling(node_4, 2);
-  PanelFooter(node_5, {
+  var node_4 = sibling(node_3, 2);
+  PanelFooter(node_4, {
     get lang() {
       return get(widgetLang);
     },
@@ -5782,12 +6813,17 @@ function WidgetApp($$anchor, $$props) {
   });
   bind_this(div_1, ($$value) => set(panelEl, $$value), () => get(panelEl));
   template_effect(
-    ($0) => {
+    ($0, $1) => {
       set_text(text, get(announcement));
       set_attribute(div_1, "aria-label", $0);
       set_attribute(div_1, "aria-hidden", !get(isOpen));
+      set_attribute(div_1, "dir", $1);
+      div_1.dir = div_1.dir;
     },
-    [() => t("widget.title", get(widgetLang))]
+    [
+      () => t("widget.title", get(widgetLang)),
+      () => isRtlLang(get(widgetLang)) ? "rtl" : "ltr"
+    ]
   );
   append($$anchor, fragment);
   return pop($$exports);
@@ -5801,14 +6837,9 @@ function createWidgetStyles(config2) {
   const isBottom = pos.includes("bottom");
   const z = config2.zIndex || 999999;
   return `
-    /* ===================================================================
-       DESIGN TOKENS
-       =================================================================== */
-
     :host {
       all: initial;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-        'Helvetica Neue', Arial, sans-serif;
+      font-family: ui-rounded, "SF Pro Rounded", "Avenir Next", "Segoe UI", sans-serif;
       font-size: 15px;
       line-height: 1.5;
       color-scheme: light dark;
@@ -5821,7 +6852,6 @@ function createWidgetStyles(config2) {
     }
 
     #accessify-mount {
-      /* Spacing scale (4px base) */
       --space-1: 4px;
       --space-2: 8px;
       --space-3: 12px;
@@ -5829,84 +6859,76 @@ function createWidgetStyles(config2) {
       --space-5: 20px;
       --space-6: 24px;
       --space-7: 32px;
-      --space-8: 40px;
-
-      /* Radius system */
-      --radius-sm: 6px;
-      --radius-md: 10px;
-      --radius-lg: 14px;
-      --radius-full: 9999px;
-
-      /* Typography */
+      --radius-sm: 10px;
+      --radius-md: 16px;
+      --radius-lg: 24px;
+      --radius-pill: 999px;
       --text-xs: 11px;
       --text-sm: 13px;
       --text-base: 15px;
-      --text-lg: 17px;
-      --text-xl: 20px;
-      --font-normal: 400;
+      --text-lg: 18px;
+      --text-xl: 24px;
       --font-medium: 500;
       --font-semibold: 600;
-
-      /* Shadows */
-      --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
-      --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
-      --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.14);
-
-      /* Colors: Light mode (default) */
-      --primary: #0055CC;
-      --primary-hover: #003D99;
-      --primary-soft: color-mix(in srgb, #0055CC 10%, #ffffff);
-      --surface: #ffffff;
-      --surface-raised: #f7f7f8;
-      --text: #1a1a1a;
-      --text-secondary: #5c5c5c;
-      --text-on-primary: #ffffff;
-      --border: #e2e2e5;
-      --border-strong: #c8c8cc;
-      --success: #008A00;
-      --warning: #B95000;
-      --error: #CC0000;
-
-      /* Transition */
-      --transition-fast: 120ms ease;
-      --transition-normal: 200ms ease;
+      --font-bold: 700;
+      --surface: #f6efe4;
+      --surface-strong: #fffdf9;
+      --surface-muted: #ece4d8;
+      --surface-tint: #e2eee8;
+      --text: #17212b;
+      --text-secondary: #52616f;
+      --border: rgba(23, 33, 43, 0.12);
+      --border-strong: rgba(23, 33, 43, 0.22);
+      --accent: #0f766e;
+      --accent-strong: #0b5c56;
+      --accent-soft: rgba(15, 118, 110, 0.12);
+      --signal: #c97a1e;
+      --signal-soft: rgba(201, 122, 30, 0.14);
+      --text-on-accent: #ffffff;
+      --shadow-sm: 0 12px 24px rgba(16, 24, 32, 0.08);
+      --shadow-lg: 0 28px 80px rgba(9, 21, 30, 0.2);
+      --transition-fast: 140ms ease;
+      --transition-normal: 220ms ease;
     }
 
-    /* ── Dark mode ── */
     @media (prefers-color-scheme: dark) {
       #accessify-mount:not([data-theme="light"]) {
-        --primary: #4D9FFF;
-        --primary-hover: #3385E6;
-        --primary-soft: color-mix(in srgb, #4D9FFF 12%, #1a1a1a);
-        --surface: #1a1a1a;
-        --surface-raised: #242428;
-        --text: #f0f0f0;
-        --text-secondary: #a0a0a5;
-        --text-on-primary: #ffffff;
-        --border: #38383c;
-        --border-strong: #505055;
-        --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
+        --surface: #0f1a22;
+        --surface-strong: #132330;
+        --surface-muted: #1a2b38;
+        --surface-tint: #17323a;
+        --text: #f4f7fa;
+        --text-secondary: #b4c3ce;
+        --border: rgba(244, 247, 250, 0.12);
+        --border-strong: rgba(244, 247, 250, 0.22);
+        --accent: #2dd4bf;
+        --accent-strong: #16b5a1;
+        --accent-soft: rgba(45, 212, 191, 0.12);
+        --signal: #f6ad55;
+        --signal-soft: rgba(246, 173, 85, 0.16);
+        --shadow-sm: 0 12px 24px rgba(0, 0, 0, 0.28);
+        --shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.45);
       }
     }
 
     #accessify-mount[data-theme="dark"] {
-      --primary: #4D9FFF;
-      --primary-hover: #3385E6;
-      --primary-soft: color-mix(in srgb, #4D9FFF 12%, #1a1a1a);
-      --surface: #1a1a1a;
-      --surface-raised: #242428;
-      --text: #f0f0f0;
-      --text-secondary: #a0a0a5;
-      --text-on-primary: #ffffff;
-      --border: #38383c;
-      --border-strong: #505055;
-      --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
+      --surface: #0f1a22;
+      --surface-strong: #132330;
+      --surface-muted: #1a2b38;
+      --surface-tint: #17323a;
+      --text: #f4f7fa;
+      --text-secondary: #b4c3ce;
+      --border: rgba(244, 247, 250, 0.12);
+      --border-strong: rgba(244, 247, 250, 0.22);
+      --accent: #2dd4bf;
+      --accent-strong: #16b5a1;
+      --accent-soft: rgba(45, 212, 191, 0.12);
+      --signal: #f6ad55;
+      --signal-soft: rgba(246, 173, 85, 0.16);
+      --shadow-sm: 0 12px 24px rgba(0, 0, 0, 0.28);
+      --shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.45);
     }
 
-    /* ===================================================================
-       UTILITIES
-       =================================================================== */
-
     .sr-only {
       position: absolute;
       width: 1px;
@@ -5920,73 +6942,72 @@ function createWidgetStyles(config2) {
     }
 
     *:focus-visible {
-      outline: 3px solid var(--primary);
-      outline-offset: 2px;
-      border-radius: var(--radius-sm);
+      outline: 3px solid var(--signal);
+      outline-offset: 3px;
+      border-radius: 12px;
     }
 
-    /* ===================================================================
-       TRIGGER BUTTON (FAB)
-       =================================================================== */
-
     .accessify-trigger {
       position: fixed;
       ${isBottom ? "bottom: 20px" : "top: 20px"};
       ${isRight ? "right: 20px" : "left: 20px"};
       z-index: ${z};
-      width: 56px;
-      height: 56px;
-      border-radius: var(--radius-full);
+      width: 64px;
+      height: 64px;
       border: none;
-      background: var(--primary);
-      color: var(--text-on-primary);
+      border-radius: 22px;
+      background:
+        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 42%),
+        linear-gradient(145deg, #0f766e 0%, #144f67 55%, #c97a1e 100%);
+      color: #ffffff;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
-      box-shadow: var(--shadow-md);
-      transition: transform var(--transition-fast), box-shadow var(--transition-fast);
+      box-shadow: 0 18px 42px rgba(12, 36, 46, 0.34);
+      transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);
     }
 
     .accessify-trigger:hover {
-      transform: scale(1.05);
-      box-shadow: var(--shadow-lg);
-      background: var(--primary-hover);
+      transform: translateY(-2px) scale(1.02);
+      box-shadow: 0 22px 48px rgba(12, 36, 46, 0.42);
+      filter: saturate(1.06);
     }
 
     .accessify-trigger:active {
-      transform: scale(0.95);
+      transform: translateY(0) scale(0.98);
     }
 
     .accessify-trigger svg {
-      width: 28px;
-      height: 28px;
+      width: 30px;
+      height: 30px;
     }
 
-    /* ===================================================================
-       PANEL
-       =================================================================== */
-
     .accessify-panel {
       position: fixed;
-      ${isBottom ? "bottom: 90px" : "top: 90px"};
+      ${isBottom ? "bottom: 96px" : "top: 96px"};
       ${isRight ? "right: 20px" : "left: 20px"};
       z-index: ${z - 1};
-      width: 440px;
-      max-height: calc(100vh - 110px);
-      overflow-y: auto;
-      overflow-x: hidden;
-      background: var(--surface);
-      border-radius: var(--radius-lg);
-      box-shadow: var(--shadow-lg);
+      width: 476px;
+      max-height: calc(100vh - 120px);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      border-radius: 28px;
       border: 1px solid var(--border);
+      background:
+        radial-gradient(circle at top right, rgba(201, 122, 30, 0.16), transparent 36%),
+        linear-gradient(180deg, var(--surface-strong) 0%, var(--surface) 100%);
+      color: var(--text);
+      box-shadow: var(--shadow-lg);
       transform-origin: ${isBottom ? "bottom" : "top"} ${isRight ? "right" : "left"};
       transition: opacity var(--transition-normal), transform var(--transition-normal);
+      backdrop-filter: blur(18px);
     }
 
     .accessify-panel[aria-hidden="true"] {
       opacity: 0;
-      transform: scale(0.96) translateY(${isBottom ? "8px" : "-8px"});
+      transform: scale(0.96) translateY(${isBottom ? "12px" : "-12px"});
       pointer-events: none;
       display: none;
     }
@@ -5996,276 +7017,357 @@ function createWidgetStyles(config2) {
       transform: scale(1) translateY(0);
     }
 
-    /* Scroll indicator (only visible if panel overflows) */
-    .accessify-panel-scroll {
+    .accessify-header {
       position: relative;
+      display: grid;
+      gap: var(--space-4);
+      padding: var(--space-5);
+      background:
+        radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 34%),
+        linear-gradient(145deg, #0f2430 0%, #103e4c 52%, #1a5d4b 100%);
+      color: #f5fbff;
     }
 
-    /* ===================================================================
-       HEADER (Utility Bar)
-       =================================================================== */
+    .accessify-header-copy {
+      display: grid;
+      gap: var(--space-2);
+    }
 
-    .accessify-header {
-      display: flex;
+    .accessify-header-kicker {
+      display: inline-flex;
       align-items: center;
-      gap: var(--space-2);
-      padding: var(--space-2) var(--space-3);
-      border-bottom: 1px solid var(--border);
-      background: var(--surface);
-      position: sticky;
-      top: 0;
-      z-index: 2;
+      width: fit-content;
+      padding: 6px 10px;
+      border-radius: var(--radius-pill);
+      background: rgba(255, 255, 255, 0.12);
+      color: #ffe2b8;
+      font-size: var(--text-xs);
+      font-weight: var(--font-semibold);
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .accessify-header-title {
+      display: grid;
+      gap: 6px;
     }
 
     .accessify-header h2 {
-      font-size: var(--text-base);
-      font-weight: var(--font-semibold);
-      color: var(--text);
-      margin: 0;
-      flex: 1;
-      min-width: 0;
+      font-size: var(--text-xl);
+      font-weight: var(--font-bold);
+      line-height: 1.1;
     }
 
-    .accessify-header-actions {
+    .accessify-header p {
+      color: rgba(245, 251, 255, 0.82);
+      font-size: var(--text-sm);
+      max-width: 34ch;
+    }
+
+    .accessify-header-toolbar {
       display: flex;
       align-items: center;
-      gap: var(--space-2);
-      flex-shrink: 0;
+      gap: var(--space-3);
+      justify-content: space-between;
+      flex-wrap: wrap;
     }
 
-    /* Small pill buttons in header */
-    .accessify-header-btn {
-      background: var(--surface-raised);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      padding: var(--space-1) var(--space-2);
-      cursor: pointer;
-      color: var(--text-secondary);
-      display: flex;
+    .accessify-language-picker {
+      position: relative;
+      display: inline-flex;
       align-items: center;
-      gap: var(--space-1);
-      font-size: var(--text-xs);
+      gap: 10px;
+      min-width: 172px;
+      padding: 0 14px;
+      border-radius: 16px;
+      border: 1px solid rgba(255, 255, 255, 0.16);
+      background: rgba(10, 23, 29, 0.24);
+      color: #ffffff;
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
+    }
+
+    .accessify-language-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: #9ce4da;
+    }
+
+    .accessify-language-icon svg {
+      width: 16px;
+      height: 16px;
+    }
+
+    .accessify-language-select {
+      appearance: none;
+      width: 100%;
+      border: none;
+      background: transparent;
+      color: #ffffff;
+      padding: 12px 0;
+      font-size: var(--text-sm);
       font-weight: var(--font-medium);
-      transition: background var(--transition-fast), color var(--transition-fast);
-      white-space: nowrap;
+      cursor: pointer;
     }
 
-    .accessify-header-btn:hover {
-      background: var(--border);
-      color: var(--text);
+    .accessify-language-select option {
+      color: #17212b;
     }
 
-    .accessify-header-btn svg {
-      width: 14px;
-      height: 14px;
+    .accessify-header-actions {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      flex-wrap: wrap;
     }
 
-    /* Language toggle */
-    .accessify-lang-toggle {
-      background: var(--surface-raised);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      padding: var(--space-1) var(--space-2);
+    .accessify-header-btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      padding: 11px 14px;
+      border: 1px solid rgba(255, 255, 255, 0.16);
+      border-radius: 16px;
+      background: rgba(10, 23, 29, 0.24);
+      color: #f5fbff;
       cursor: pointer;
-      color: var(--text-secondary);
-      font-size: var(--text-xs);
-      font-weight: var(--font-semibold);
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      transition: background var(--transition-fast);
-      min-width: 32px;
-      text-align: center;
+      font-size: var(--text-sm);
+      font-weight: var(--font-medium);
+      transition: background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);
     }
 
-    .accessify-lang-toggle:hover {
-      background: var(--border);
-      color: var(--text);
+    .accessify-header-btn:hover {
+      background: rgba(255, 255, 255, 0.12);
+      border-color: rgba(255, 255, 255, 0.24);
+      transform: translateY(-1px);
     }
 
-    /* ===================================================================
-       STATUS BAR
-       =================================================================== */
+    .accessify-header-btn svg {
+      width: 16px;
+      height: 16px;
+    }
+
+    .accessify-header-btn--icon {
+      width: 44px;
+      padding-inline: 0;
+    }
 
     .accessify-status {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: var(--space-1) var(--space-3);
-      background: var(--surface-raised);
+      gap: var(--space-3);
+      padding: 14px var(--space-5);
       border-bottom: 1px solid var(--border);
-      font-size: 10px;
-      color: var(--text-secondary);
+      background: linear-gradient(180deg, rgba(15, 118, 110, 0.06), transparent);
     }
 
     .accessify-status-count {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      min-height: 36px;
+      padding: 0 14px;
+      border-radius: var(--radius-pill);
+      background: var(--accent-soft);
+      color: var(--accent-strong);
+      font-size: var(--text-sm);
       font-weight: var(--font-semibold);
-      color: var(--primary);
     }
 
     .accessify-status-count[data-count="0"] {
+      background: var(--surface-muted);
       color: var(--text-secondary);
     }
 
     .accessify-status-reset {
-      background: none;
       border: none;
+      background: none;
       color: var(--text-secondary);
       cursor: pointer;
-      font-size: var(--text-xs);
-      padding: var(--space-1) var(--space-2);
-      border-radius: var(--radius-sm);
-      transition: color var(--transition-fast), background var(--transition-fast);
+      font-size: var(--text-sm);
+      font-weight: var(--font-medium);
+      padding: 8px 0;
+      transition: color var(--transition-fast);
     }
 
     .accessify-status-reset:hover {
-      color: var(--error);
-      background: color-mix(in srgb, var(--error) 8%, transparent);
+      color: var(--signal);
     }
 
-    /* ===================================================================
-       PROFILES SECTION
-       =================================================================== */
+    .accessify-body {
+      display: grid;
+      gap: var(--space-4);
+      padding: var(--space-4);
+      overflow-y: auto;
+    }
 
-    .accessify-profiles {
-      padding: var(--space-2) var(--space-3);
-      border-bottom: 1px solid var(--border);
+    .accessify-section {
+      display: grid;
+      gap: var(--space-4);
+      padding: var(--space-4);
+      border-radius: var(--radius-lg);
+      border: 1px solid var(--border);
+      background: rgba(255, 255, 255, 0.32);
+      box-shadow: var(--shadow-sm);
     }
 
-    .accessify-section-title {
-      font-size: 10px;
-      font-weight: var(--font-semibold);
-      text-transform: uppercase;
-      letter-spacing: 0.6px;
-      color: var(--text-secondary);
-      margin-bottom: var(--space-1);
+    .accessify-section--spotlight {
+      background:
+        linear-gradient(180deg, rgba(15, 118, 110, 0.08) 0%, rgba(255, 255, 255, 0.28) 100%);
+      border-color: color-mix(in srgb, var(--accent) 24%, var(--border));
     }
 
-    .accessify-profile-grid {
+    .accessify-section-head {
       display: flex;
-      gap: var(--space-1);
-      overflow-x: auto;
-      scrollbar-width: none;
-      -webkit-overflow-scrolling: touch;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--space-3);
     }
 
-    .accessify-profile-grid::-webkit-scrollbar {
-      display: none;
+    .accessify-section-head h3 {
+      font-size: var(--text-lg);
+      font-weight: var(--font-semibold);
+      line-height: 1.15;
+      color: var(--text);
     }
 
-    .accessify-profile-card {
-      display: flex;
-      flex-direction: column;
+    .accessify-section-head p {
+      margin-top: 6px;
+      color: var(--text-secondary);
+      font-size: var(--text-sm);
+      max-width: 46ch;
+    }
+
+    .accessify-section-kicker {
+      display: inline-flex;
       align-items: center;
-      gap: 2px;
-      padding: var(--space-1) var(--space-2);
-      border: 1.5px solid var(--border);
-      border-radius: var(--radius-sm);
-      background: var(--surface);
-      color: var(--text);
-      cursor: pointer;
-      transition: all var(--transition-fast);
-      min-width: 68px;
-      text-align: center;
-      flex-shrink: 0;
-      font-size: 10px;
-      line-height: 1.2;
+      margin-bottom: 8px;
+      color: var(--signal);
+      font-size: var(--text-xs);
+      font-weight: var(--font-semibold);
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
     }
 
-    .accessify-profile-card:hover {
-      border-color: var(--primary);
-      background: var(--surface-raised);
+    .accessify-control-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: var(--space-3);
     }
 
-    .accessify-profile-card[aria-pressed="true"] {
-      background: var(--primary-soft);
-      border-color: var(--primary);
-      color: var(--primary);
-      font-weight: var(--font-medium);
+    .accessify-control-card {
+      display: grid;
+      gap: var(--space-3);
+      padding: var(--space-4);
+      border-radius: 22px;
+      border: 1px solid var(--border);
+      background: var(--surface-strong);
     }
 
-    .accessify-profile-card svg {
-      width: 16px;
-      height: 16px;
+    .accessify-control-copy {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: var(--space-3);
+      align-items: start;
     }
 
-    /* ===================================================================
-       CATEGORY SECTIONS
-       =================================================================== */
+    .accessify-control-copy h4 {
+      font-size: var(--text-base);
+      font-weight: var(--font-semibold);
+      color: var(--text);
+    }
 
-    .accessify-category {
-      padding: var(--space-1) var(--space-3);
+    .accessify-control-copy p {
+      margin-top: 4px;
+      color: var(--text-secondary);
+      font-size: var(--text-sm);
     }
 
-    .accessify-category + .accessify-category {
-      border-top: 1px solid var(--border);
+    .accessify-chip-group {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
     }
 
-    .accessify-category-title {
-      font-size: 10px;
-      font-weight: var(--font-semibold);
-      text-transform: uppercase;
-      letter-spacing: 0.6px;
-      color: var(--text-secondary);
-      margin-bottom: var(--space-1);
-      padding-left: var(--space-1);
+    .accessify-chip {
+      min-height: 40px;
+      padding: 0 14px;
+      border-radius: var(--radius-pill);
+      border: 1px solid var(--border);
+      background: var(--surface);
+      color: var(--text);
+      cursor: pointer;
+      font-size: var(--text-sm);
+      font-weight: var(--font-medium);
+      transition: transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
     }
 
-    /* ===================================================================
-       FEATURE CARDS
-       =================================================================== */
+    .accessify-chip:hover {
+      transform: translateY(-1px);
+      border-color: var(--border-strong);
+      background: var(--surface-strong);
+    }
+
+    .accessify-chip[data-active="true"] {
+      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
+      color: var(--text-on-accent);
+      border-color: transparent;
+      box-shadow: 0 12px 22px rgba(15, 118, 110, 0.24);
+    }
+
+    .accessify-chip-group--sizes .accessify-chip {
+      min-width: 68px;
+      justify-content: center;
+    }
 
     .accessify-features {
       display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 4px;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: var(--space-3);
     }
 
     .accessify-card {
       position: relative;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 1px;
-      padding: 6px var(--space-1);
-      border: 1.5px solid var(--border);
-      border-radius: var(--radius-sm);
-      background: var(--surface);
+      display: grid;
+      gap: 10px;
+      align-content: start;
+      min-height: 156px;
+      padding: var(--space-4);
+      border-radius: 22px;
+      border: 1px solid var(--border);
+      background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
       color: var(--text);
       cursor: pointer;
-      transition: all var(--transition-fast);
-      text-align: center;
-      min-height: 48px;
+      text-align: left;
       font-family: inherit;
       font-size: inherit;
-      line-height: inherit;
+      transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
     }
 
     .accessify-card:hover {
-      border-color: var(--primary);
-      background: var(--surface-raised);
+      transform: translateY(-2px);
+      border-color: color-mix(in srgb, var(--accent) 28%, var(--border));
       box-shadow: var(--shadow-sm);
     }
 
-    /* ── Active card: bold, unmistakable ── */
-    .accessify-card[aria-checked="true"] {
-      background: var(--primary-soft);
-      border-color: var(--primary);
-      border-width: 2px;
-      /* Compensate for thicker border to prevent layout shift */
-      padding: calc(6px - 0.5px) calc(var(--space-1) - 0.5px);
+    .accessify-card[data-active="true"] {
+      border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
+      background:
+        linear-gradient(180deg, rgba(15, 118, 110, 0.08) 0%, rgba(255, 255, 255, 0.18) 100%);
+      box-shadow: 0 18px 32px rgba(15, 118, 110, 0.16);
     }
 
-    /* Checkmark badge */
-    .accessify-card[aria-checked="true"]::after {
+    .accessify-card[data-active="true"]::after {
       content: '';
       position: absolute;
-      top: var(--space-1);
-      right: var(--space-1);
-      width: 18px;
-      height: 18px;
-      border-radius: var(--radius-full);
-      background: var(--primary);
+      top: 14px;
+      right: 14px;
+      width: 20px;
+      height: 20px;
+      border-radius: 999px;
+      background: var(--accent);
       mask-image: url("data:image/svg+xml,${CHECKMARK_SVG}");
       mask-size: 12px;
       mask-repeat: no-repeat;
@@ -6276,91 +7378,66 @@ function createWidgetStyles(config2) {
       -webkit-mask-position: center;
     }
 
-    .accessify-card[aria-checked="true"] .accessify-card-icon {
-      color: var(--primary);
-    }
-
-    .accessify-card[aria-checked="true"] .accessify-card-label {
-      color: var(--primary);
-      font-weight: var(--font-semibold);
+    .accessify-card-top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--space-2);
     }
 
     .accessify-card-icon {
-      color: var(--text-secondary);
-      transition: color var(--transition-fast);
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 44px;
+      height: 44px;
+      border-radius: 16px;
+      background: var(--surface-tint);
+      color: var(--accent-strong);
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
     }
 
     .accessify-card-icon svg {
-      width: 18px;
-      height: 18px;
+      width: 20px;
+      height: 20px;
     }
 
     .accessify-card-label {
-      font-size: 10px;
-      font-weight: var(--font-medium);
-      line-height: 1.15;
-      word-break: break-word;
-      transition: color var(--transition-fast);
+      font-size: var(--text-base);
+      font-weight: var(--font-semibold);
+      line-height: 1.2;
+      color: var(--text);
     }
 
     .accessify-card-desc {
-      display: none;
+      color: var(--text-secondary);
+      font-size: var(--text-sm);
+      line-height: 1.45;
     }
 
-    /* ===================================================================
-       FOOTER
-       =================================================================== */
-
     .accessify-footer {
-      padding: var(--space-1) var(--space-3);
-      border-top: 1px solid var(--border);
-      font-size: 10px;
-      color: var(--text-secondary);
-      text-align: center;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: var(--space-2);
+      padding: 14px var(--space-5) var(--space-5);
+      border-top: 1px solid var(--border);
+      color: var(--text-secondary);
+      font-size: var(--text-xs);
+      text-align: center;
+      background: linear-gradient(180deg, transparent, rgba(15, 118, 110, 0.04));
     }
 
     .accessify-footer a {
-      color: var(--primary);
+      color: var(--accent-strong);
       text-decoration: none;
+      font-weight: var(--font-medium);
     }
 
     .accessify-footer a:hover {
       text-decoration: underline;
     }
 
-    /* ===================================================================
-       SUB-PANELS (sliders, selects)
-       =================================================================== */
-
-    .accessify-subpanel {
-      padding: var(--space-3) var(--space-5);
-      background: var(--surface-raised);
-      border-top: 1px solid var(--border);
-    }
-
-    .accessify-slider {
-      width: 100%;
-      accent-color: var(--primary);
-    }
-
-    .accessify-select {
-      width: 100%;
-      padding: var(--space-2) var(--space-3);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      background: var(--surface);
-      color: var(--text);
-      font-size: var(--text-sm);
-    }
-
-    /* ===================================================================
-       REDUCED MOTION
-       =================================================================== */
-
     @media (prefers-reduced-motion: reduce) {
       *, *::before, *::after {
         animation-duration: 0.01ms !important;
@@ -6368,40 +7445,52 @@ function createWidgetStyles(config2) {
       }
     }
 
-    /* ===================================================================
-       MOBILE RESPONSIVE
-       =================================================================== */
-
-    @media (max-width: 480px) {
+    @media (max-width: 560px) {
       .accessify-panel {
-        width: 100%;
-        left: 0;
-        right: 0;
-        ${isBottom ? "bottom: 0" : "top: 0"};
-        border-radius: ${isBottom ? "var(--radius-lg) var(--radius-lg) 0 0" : "0 0 var(--radius-lg) var(--radius-lg)"};
-        max-height: 85vh;
+        width: calc(100vw - 24px);
+        ${isRight ? "right: 12px" : "left: 12px"};
+        ${isBottom ? "bottom: 86px" : "top: 86px"};
+        max-height: calc(100vh - 102px);
+      }
+
+      .accessify-header,
+      .accessify-status,
+      .accessify-footer {
+        padding-inline: var(--space-4);
+      }
+
+      .accessify-body {
+        padding: var(--space-3);
       }
 
+      .accessify-control-grid,
       .accessify-features {
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: 1fr;
       }
 
       .accessify-card {
-        min-height: 88px;
-        padding: var(--space-3);
+        min-height: 0;
       }
 
       .accessify-trigger {
         ${isBottom ? "bottom: 16px" : "top: 16px"};
         ${isRight ? "right: 16px" : "left: 16px"};
-      }
-
-      .accessify-card-desc {
-        display: none;
+        width: 58px;
+        height: 58px;
+        border-radius: 20px;
       }
     }
   `;
 }
+const REMOVED_FEATURES = /* @__PURE__ */ new Set([
+  "spacing",
+  "dyslexia-font",
+  "color-blind",
+  "color-blindness",
+  "saturation",
+  "text-align",
+  "line-height"
+]);
 const DEFAULT_CONFIG = {
   position: "bottom-right",
   theme: "auto",
@@ -6409,14 +7498,8 @@ const DEFAULT_CONFIG = {
   features: [
     "contrast",
     "text-size",
-    "spacing",
-    "dyslexia-font",
-    "color-blindness",
     "link-highlight",
-    "saturation",
     "hide-images",
-    "text-align",
-    "line-height",
     "reading-guide",
     "reading-mask",
     "focus-highlight",
@@ -6439,13 +7522,11 @@ function init(userConfig = {}) {
   if (widgetInstance) return;
   const dataConfig = window.__accessify_dataConfig || {};
   config = { ...DEFAULT_CONFIG, ...dataConfig, ...userConfig };
+  config.features = (config.features || DEFAULT_CONFIG.features).filter((feature) => !REMOVED_FEATURES.has(feature));
   containerEl = document.createElement("div");
   containerEl.id = "accessify-root";
   containerEl.setAttribute("role", "complementary");
-  containerEl.setAttribute(
-    "aria-label",
-    config.lang?.startsWith("de") ? "Barrierefreiheit-Einstellungen" : "Accessibility settings"
-  );
+  containerEl.setAttribute("aria-label", t("widget.title", config.lang));
   const shadow = containerEl.attachShadow({ mode: "open", delegatesFocus: true });
   const sheet = new CSSStyleSheet();
   sheet.replaceSync(createWidgetStyles(config));
@@ -6515,6 +7596,8 @@ window.A11yPlus = window.Accessify;
 export {
   RateLimitError as R,
   destroy as d,
-  init as i
+  getCurrentWidgetLang as g,
+  init as i,
+  t
 };
-//# sourceMappingURL=index-CUQfpnwR.js.map
+//# sourceMappingURL=index-B6b-ij4T.js.map