@omniloy/sofia-sdk 1.0.3 → 1.0.4

package/dist/webcomponents.umd.js

@@ -21146,7 +21146,7 @@
 	  mergeConfig: mergeConfig$1,
 	} = axios;
 
-	const version$2 = "1.0.3";
+	const version$2 = "1.0.4";
 
 	const handleApiError$1 = async (error) => {
 	  return Promise.reject(error);
@@ -21746,6 +21746,23 @@
 	  "Disable field": "تعطيل الحقل",
 	  "Enable field": "تمكين الحقل",
 	  "Customize field prompt": "تخصيص أمر الحقل",
+	  "Microphone disconnected": "تم فصل الميكروفون",
+	  "The microphone was disconnected during recording": "تم فصل الميكروفون أثناء التسجيل",
+	  "Microphone reconnected": "تم إعادة توصيل الميكروفون",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "تم فصل الميكروفون لفترة وجيزة. قد يكون جزء من التسجيل بعد \"{lastPhrase}\" قد فُقد.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "تم فصل الميكروفون لفترة وجيزة. قد يكون جزء من التسجيل قد فُقد.",
+	  "Recording interrupted": "تم إيقاف التسجيل",
+	  "The server closed the session unexpectedly. Please start recording again.": "أغلق الخادم الجلسة بشكل غير متوقع. يرجى بدء التسجيل مرة أخرى.",
+	  "Microphone changed": "تم تغيير الميكروفون",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "الميكروفون الذي اخترته غير متاح. يستمر التسجيل باستخدام الميكروفون الافتراضي.",
+	  "No microphone available": "لا يوجد ميكروفون متاح",
+	  "Connect a microphone and try again.": "قم بتوصيل ميكروفون وحاول مرة أخرى.",
+	  "Connection lost": "انقطع الاتصال",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "انقطع اتصال الإنترنت أثناء التسجيل. قد لا يصل الصوت إلى الخادم حتى يتم استعادة الاتصال.",
+	  "Connection restored": "تم استعادة الاتصال",
+	  "Internet connection has been restored. Recording continues normally.": "تم استعادة اتصال الإنترنت. يستمر التسجيل بشكل طبيعي.",
+	  "Slow connection": "اتصال بطيء",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "يبدو أن اتصالك بالإنترنت بطيء. قد يتأخر بعض الصوت.",
 	};
 
 	const Add$b = "Afegir";
@@ -22022,6 +22039,23 @@
 	  "Disable field": "Desactivar camp",
 	  "Enable field": "Activar camp",
 	  "Customize field prompt": "Personalitzar prompt del camp",
+	  "Microphone disconnected": "Micròfon desconnectat",
+	  "The microphone was disconnected during recording": "El micròfon s'ha desconnectat durant la gravació",
+	  "Microphone reconnected": "Micròfon reconnectat",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "El micròfon s'ha desconnectat breument. Part de la gravació després de \"{lastPhrase}\" pot haver-se perdut.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "El micròfon s'ha desconnectat breument. Part de la gravació pot haver-se perdut.",
+	  "Recording interrupted": "Gravació interrompuda",
+	  "The server closed the session unexpectedly. Please start recording again.": "El servidor ha tancat la sessió inesperadament. Si us plau, inicia la gravació de nou.",
+	  "Microphone changed": "Micròfon canviat",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "El micròfon seleccionat no estava disponible. La gravació continua amb el micròfon per defecte.",
+	  "No microphone available": "No hi ha cap micròfon disponible",
+	  "Connect a microphone and try again.": "Connecta un micròfon i torna-ho a provar.",
+	  "Connection lost": "Connexió perduda",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "S'ha perdut la connexió a Internet durant la gravació. L'àudio podria no arribar al servidor fins que es restableixi la connexió.",
+	  "Connection restored": "Connexió restablerta",
+	  "Internet connection has been restored. Recording continues normally.": "La connexió a Internet s'ha restablert. La gravació continua normalment.",
+	  "Slow connection": "Connexió lenta",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "La teva connexió a Internet sembla lenta. Part de l'àudio podria retardar-se.",
 	};
 
 	const Add$a = "Afegir";
@@ -22298,6 +22332,23 @@
 	  "Disable field": "Desactivar camp",
 	  "Enable field": "Activar camp",
 	  "Customize field prompt": "Personalitzar prompt del camp",
+	  "Microphone disconnected": "Micròfon desconnectat",
+	  "The microphone was disconnected during recording": "El micròfon s'ha desconnectat durant la gravació",
+	  "Microphone reconnected": "Micròfon reconnectat",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "El micròfon s'ha desconnectat breument. Part de la gravació després de \"{lastPhrase}\" pot haver-se perdut.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "El micròfon s'ha desconnectat breument. Part de la gravació pot haver-se perdut.",
+	  "Recording interrupted": "Gravació interrompuda",
+	  "The server closed the session unexpectedly. Please start recording again.": "El servidor ha tancat la sessió inesperadament. Per favor, inicia la gravació de nou.",
+	  "Microphone changed": "Micròfon canviat",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "El micròfon seleccionat no estava disponible. La gravació continua amb el micròfon per defecte.",
+	  "No microphone available": "No hi ha cap micròfon disponible",
+	  "Connect a microphone and try again.": "Connecta un micròfon i torna-ho a provar.",
+	  "Connection lost": "Connexió perduda",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "S'ha perdut la connexió a Internet durant la gravació. L'àudio podria no arribar al servidor fins que es restableixi la connexió.",
+	  "Connection restored": "Connexió restablerta",
+	  "Internet connection has been restored. Recording continues normally.": "La connexió a Internet s'ha restablert. La gravació continua normalment.",
+	  "Slow connection": "Connexió lenta",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "La teva connexió a Internet sembla lenta. Part de l'àudio podria retardar-se.",
 	};
 
 	const Add$9 = "Přidat";
@@ -22574,6 +22625,23 @@
 	  "Disable field": "Zakázat pole",
 	  "Enable field": "Povolit pole",
 	  "Customize field prompt": "Přizpůsobit prompt pole",
+	  "Microphone disconnected": "Mikrofon odpojen",
+	  "The microphone was disconnected during recording": "Mikrofon byl odpojen během nahrávání",
+	  "Microphone reconnected": "Mikrofon znovu připojen",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "Mikrofon byl krátce odpojen. Část nahrávky po \"{lastPhrase}\" mohla být ztracena.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "Mikrofon byl krátce odpojen. Část nahrávky mohla být ztracena.",
+	  "Recording interrupted": "Nahrávání přerušeno",
+	  "The server closed the session unexpectedly. Please start recording again.": "Server neočekávaně ukončil relaci. Zahajte nahrávání znovu.",
+	  "Microphone changed": "Mikrofon změněn",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Vybraný mikrofon nebyl dostupný. Nahrávání pokračuje s výchozím mikrofonem.",
+	  "No microphone available": "Žádný mikrofon není k dispozici",
+	  "Connect a microphone and try again.": "Připojte mikrofon a zkuste to znovu.",
+	  "Connection lost": "Spojení ztraceno",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Během nahrávání bylo ztraceno internetové připojení. Zvuk nemusí dorazit na server, dokud nebude připojení obnoveno.",
+	  "Connection restored": "Spojení obnoveno",
+	  "Internet connection has been restored. Recording continues normally.": "Internetové připojení bylo obnoveno. Nahrávání pokračuje normálně.",
+	  "Slow connection": "Pomalé připojení",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Vaše internetové připojení se zdá být pomalé. Část zvuku může být zpožděna.",
 	};
 
 	const Add$8 = "Add";
@@ -22850,6 +22918,23 @@
 	  "Disable field": "Disable field",
 	  "Enable field": "Enable field",
 	  "Customize field prompt": "Customise field prompt",
+	  "Microphone disconnected": "Microphone disconnected",
+	  "The microphone was disconnected during recording": "The microphone was disconnected during recording",
+	  "Microphone reconnected": "Microphone reconnected",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "The microphone was briefly disconnected. Part of the recording may have been lost.",
+	  "Recording interrupted": "Recording interrupted",
+	  "The server closed the session unexpectedly. Please start recording again.": "The server closed the session unexpectedly. Please start recording again.",
+	  "Microphone changed": "Microphone changed",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Your selected microphone was unavailable. Recording continues with the default microphone.",
+	  "No microphone available": "No microphone available",
+	  "Connect a microphone and try again.": "Connect a microphone and try again.",
+	  "Connection lost": "Connection lost",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.",
+	  "Connection restored": "Connection restored",
+	  "Internet connection has been restored. Recording continues normally.": "Internet connection has been restored. Recording continues normally.",
+	  "Slow connection": "Slow connection",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Your internet connection appears to be slow. Some audio may be delayed.",
 	};
 
 	const Add$7 = "Add";
@@ -23126,6 +23211,23 @@
 	  "Disable field": "Disable field",
 	  "Enable field": "Enable field",
 	  "Customize field prompt": "Customize field prompt",
+	  "Microphone disconnected": "Microphone disconnected",
+	  "The microphone was disconnected during recording": "The microphone was disconnected during recording",
+	  "Microphone reconnected": "Microphone reconnected",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "The microphone was briefly disconnected. Part of the recording may have been lost.",
+	  "Recording interrupted": "Recording interrupted",
+	  "The server closed the session unexpectedly. Please start recording again.": "The server closed the session unexpectedly. Please start recording again.",
+	  "Microphone changed": "Microphone changed",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Your selected microphone was unavailable. Recording continues with the default microphone.",
+	  "No microphone available": "No microphone available",
+	  "Connect a microphone and try again.": "Connect a microphone and try again.",
+	  "Connection lost": "Connection lost",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.",
+	  "Connection restored": "Connection restored",
+	  "Internet connection has been restored. Recording continues normally.": "Internet connection has been restored. Recording continues normally.",
+	  "Slow connection": "Slow connection",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Your internet connection appears to be slow. Some audio may be delayed.",
 	};
 
 	const Add$6 = "Añadir";
@@ -23402,6 +23504,23 @@
 	  "Disable field": "Desactivar campo",
 	  "Enable field": "Activar campo",
 	  "Customize field prompt": "Personalizar prompt del campo",
+	  "Microphone disconnected": "Micrófono desconectado",
+	  "The microphone was disconnected during recording": "El micrófono se desconectó durante la grabación",
+	  "Microphone reconnected": "Micrófono reconectado",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "El micrófono se desconectó brevemente. Parte de la grabación después de \"{lastPhrase}\" puede haberse perdido.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "El micrófono se desconectó brevemente. Parte de la grabación puede haberse perdido.",
+	  "Recording interrupted": "Grabación interrumpida",
+	  "The server closed the session unexpectedly. Please start recording again.": "El servidor cerró la sesión inesperadamente. Vuelve a iniciar la grabación.",
+	  "Microphone changed": "Micrófono cambiado",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "El micrófono seleccionado no estaba disponible. La grabación continúa con el micrófono predeterminado.",
+	  "No microphone available": "No hay ningún micrófono disponible",
+	  "Connect a microphone and try again.": "Conecta un micrófono e inténtalo de nuevo.",
+	  "Connection lost": "Conexión perdida",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Se perdió la conexión a internet durante la grabación. El audio podría no llegar al servidor hasta que se restablezca la conexión.",
+	  "Connection restored": "Conexión restablecida",
+	  "Internet connection has been restored. Recording continues normally.": "La conexión a internet se ha restablecido. La grabación continúa normalmente.",
+	  "Slow connection": "Conexión lenta",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Tu conexión a internet parece ser lenta. Parte del audio podría retrasarse.",
 	};
 
 	const Add$5 = "Ajouter";
@@ -23678,6 +23797,23 @@
 	  "Disable field": "Désactiver le champ",
 	  "Enable field": "Activer le champ",
 	  "Customize field prompt": "Personnaliser le prompt du champ",
+	  "Microphone disconnected": "Microphone déconnecté",
+	  "The microphone was disconnected during recording": "Le microphone a été déconnecté pendant l'enregistrement",
+	  "Microphone reconnected": "Microphone reconnecté",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "Le microphone a été brièvement déconnecté. Une partie de l'enregistrement après \"{lastPhrase}\" a pu être perdue.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "Le microphone a été brièvement déconnecté. Une partie de l'enregistrement a pu être perdue.",
+	  "Recording interrupted": "Enregistrement interrompu",
+	  "The server closed the session unexpectedly. Please start recording again.": "Le serveur a fermé la session de manière inattendue. Veuillez relancer l'enregistrement.",
+	  "Microphone changed": "Microphone modifié",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Le microphone sélectionné n'était pas disponible. L'enregistrement continue avec le microphone par défaut.",
+	  "No microphone available": "Aucun microphone disponible",
+	  "Connect a microphone and try again.": "Connectez un microphone et réessayez.",
+	  "Connection lost": "Connexion perdue",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "La connexion Internet a été perdue pendant l'enregistrement. L'audio pourrait ne pas atteindre le serveur tant que la connexion n'est pas rétablie.",
+	  "Connection restored": "Connexion rétablie",
+	  "Internet connection has been restored. Recording continues normally.": "La connexion Internet a été rétablie. L'enregistrement continue normalement.",
+	  "Slow connection": "Connexion lente",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Votre connexion Internet semble lente. Une partie de l'audio pourrait être retardée.",
 	};
 
 	const Add$4 = "जोड़ें";
@@ -23936,6 +24072,23 @@
 	  "Disable field": "फ़ील्ड अक्षम करें",
 	  "Enable field": "फ़ील्ड सक्षम करें",
 	  "Customize field prompt": "फ़ील्ड प्रॉम्प्ट अनुकूलित करें",
+	  "Microphone disconnected": "माइक्रोफ़ोन डिस्कनेक्ट हो गया",
+	  "The microphone was disconnected during recording": "रिकॉर्डिंग के दौरान माइक्रोफ़ोन डिस्कनेक्ट हो गया",
+	  "Microphone reconnected": "माइक्रोफ़ोन फिर से कनेक्ट हो गया",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "माइक्रोफ़ोन कुछ समय के लिए डिस्कनेक्ट हो गया था। \"{lastPhrase}\" के बाद की रिकॉर्डिंग का कुछ हिस्सा खो गया हो सकता है।",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "माइक्रोफ़ोन कुछ समय के लिए डिस्कनेक्ट हो गया था। रिकॉर्डिंग का कुछ हिस्सा खो गया हो सकता है।",
+	  "Recording interrupted": "रिकॉर्डिंग बाधित हुई",
+	  "The server closed the session unexpectedly. Please start recording again.": "सर्वर ने सत्र अप्रत्याशित रूप से बंद कर दिया। कृपया रिकॉर्डिंग फिर से शुरू करें।",
+	  "Microphone changed": "माइक्रोफ़ोन बदल गया",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "आपका चुना गया माइक्रोफ़ोन उपलब्ध नहीं था। रिकॉर्डिंग डिफ़ॉल्ट माइक्रोफ़ोन के साथ जारी है।",
+	  "No microphone available": "कोई माइक्रोफ़ोन उपलब्ध नहीं है",
+	  "Connect a microphone and try again.": "माइक्रोफ़ोन कनेक्ट करें और पुनः प्रयास करें।",
+	  "Connection lost": "कनेक्शन टूट गया",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "रिकॉर्डिंग के दौरान इंटरनेट कनेक्शन टूट गया। कनेक्शन बहाल होने तक ऑडियो सर्वर तक नहीं पहुँच सकता।",
+	  "Connection restored": "कनेक्शन बहाल हो गया",
+	  "Internet connection has been restored. Recording continues normally.": "इंटरनेट कनेक्शन बहाल हो गया है। रिकॉर्डिंग सामान्य रूप से जारी है।",
+	  "Slow connection": "धीमा कनेक्शन",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "आपका इंटरनेट कनेक्शन धीमा लग रहा है। कुछ ऑडियो में देरी हो सकती है।",
 	};
 
 	const Add$3 = "Tambahkan";
@@ -24193,6 +24346,23 @@
 	  "Disable field": "Nonaktifkan bidang",
 	  "Enable field": "Aktifkan bidang",
 	  "Customize field prompt": "Sesuaikan prompt bidang",
+	  "Microphone disconnected": "Mikrofon terputus",
+	  "The microphone was disconnected during recording": "Mikrofon terputus saat merekam",
+	  "Microphone reconnected": "Mikrofon tersambung kembali",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "Mikrofon sempat terputus. Sebagian rekaman setelah \"{lastPhrase}\" mungkin hilang.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "Mikrofon sempat terputus. Sebagian rekaman mungkin hilang.",
+	  "Recording interrupted": "Rekaman terganggu",
+	  "The server closed the session unexpectedly. Please start recording again.": "Server menutup sesi secara tak terduga. Silakan mulai merekam lagi.",
+	  "Microphone changed": "Mikrofon berubah",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Mikrofon yang Anda pilih tidak tersedia. Rekaman berlanjut dengan mikrofon default.",
+	  "No microphone available": "Tidak ada mikrofon yang tersedia",
+	  "Connect a microphone and try again.": "Sambungkan mikrofon dan coba lagi.",
+	  "Connection lost": "Koneksi terputus",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Koneksi internet terputus saat merekam. Audio mungkin tidak sampai ke server hingga koneksi dipulihkan.",
+	  "Connection restored": "Koneksi dipulihkan",
+	  "Internet connection has been restored. Recording continues normally.": "Koneksi internet telah dipulihkan. Perekaman berlanjut secara normal.",
+	  "Slow connection": "Koneksi lambat",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Koneksi internet Anda tampak lambat. Sebagian audio mungkin tertunda.",
 	};
 
 	const Add$2 = "ਸ਼ਾਮਲ ਕਰੋ";
@@ -24469,6 +24639,23 @@
 	  "Disable field": "ਫੀਲਡ ਬੰਦ ਕਰੋ",
 	  "Enable field": "ਫੀਲਡ ਚਾਲੂ ਕਰੋ",
 	  "Customize field prompt": "ਫੀਲਡ ਪ੍ਰੋਂਪਟ ਕਸਟਮਾਈਜ਼ ਕਰੋ",
+	  "Microphone disconnected": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਡਿਸਕਨੈਕਟ ਹੋ ਗਿਆ",
+	  "The microphone was disconnected during recording": "ਰਿਕਾਰਡਿੰਗ ਦੌਰਾਨ ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਡਿਸਕਨੈਕਟ ਹੋ ਗਿਆ",
+	  "Microphone reconnected": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਦੁਬਾਰਾ ਕਨੈਕਟ ਹੋ ਗਿਆ",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਥੋੜ੍ਹੇ ਸਮੇਂ ਲਈ ਡਿਸਕਨੈਕਟ ਹੋ ਗਿਆ ਸੀ। \"{lastPhrase}\" ਤੋਂ ਬਾਅਦ ਦੀ ਰਿਕਾਰਡਿੰਗ ਦਾ ਕੁਝ ਹਿੱਸਾ ਗੁਆਚ ਗਿਆ ਹੋ ਸਕਦਾ ਹੈ।",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਥੋੜ੍ਹੇ ਸਮੇਂ ਲਈ ਡਿਸਕਨੈਕਟ ਹੋ ਗਿਆ ਸੀ। ਰਿਕਾਰਡਿੰਗ ਦਾ ਕੁਝ ਹਿੱਸਾ ਗੁਆਚ ਗਿਆ ਹੋ ਸਕਦਾ ਹੈ।",
+	  "Recording interrupted": "ਰਿਕਾਰਡਿੰਗ ਵਿੱਚ ਰੁਕਾਵਟ",
+	  "The server closed the session unexpectedly. Please start recording again.": "ਸਰਵਰ ਨੇ ਸੈਸ਼ਨ ਅਚਾਨਕ ਬੰਦ ਕਰ ਦਿੱਤਾ। ਕਿਰਪਾ ਕਰਕੇ ਦੁਬਾਰਾ ਰਿਕਾਰਡਿੰਗ ਸ਼ੁਰੂ ਕਰੋ।",
+	  "Microphone changed": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਬਦਲ ਗਿਆ",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "ਤੁਹਾਡਾ ਚੁਣਿਆ ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਉਪਲਬਧ ਨਹੀਂ ਸੀ। ਰਿਕਾਰਡਿੰਗ ਡਿਫ਼ਾਲਟ ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਨਾਲ ਜਾਰੀ ਹੈ।",
+	  "No microphone available": "ਕੋਈ ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਉਪਲਬਧ ਨਹੀਂ ਹੈ",
+	  "Connect a microphone and try again.": "ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਜੋੜੋ ਅਤੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ।",
+	  "Connection lost": "ਕਨੈਕਸ਼ਨ ਟੁੱਟ ਗਿਆ",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "ਰਿਕਾਰਡਿੰਗ ਦੌਰਾਨ ਇੰਟਰਨੈਟ ਕਨੈਕਸ਼ਨ ਟੁੱਟ ਗਿਆ। ਕਨੈਕਸ਼ਨ ਬਹਾਲ ਹੋਣ ਤੱਕ ਆਡੀਓ ਸਰਵਰ ਤੱਕ ਨਹੀਂ ਪਹੁੰਚ ਸਕਦਾ।",
+	  "Connection restored": "ਕਨੈਕਸ਼ਨ ਬਹਾਲ ਹੋ ਗਿਆ",
+	  "Internet connection has been restored. Recording continues normally.": "ਇੰਟਰਨੈਟ ਕਨੈਕਸ਼ਨ ਬਹਾਲ ਹੋ ਗਿਆ ਹੈ। ਰਿਕਾਰਡਿੰਗ ਆਮ ਤੌਰ 'ਤੇ ਜਾਰੀ ਹੈ।",
+	  "Slow connection": "ਹੌਲੀ ਕਨੈਕਸ਼ਨ",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "ਤੁਹਾਡਾ ਇੰਟਰਨੈਟ ਕਨੈਕਸ਼ਨ ਹੌਲੀ ਲੱਗ ਰਿਹਾ ਹੈ। ਕੁਝ ਆਡੀਓ ਵਿੱਚ ਦੇਰੀ ਹੋ ਸਕਦੀ ਹੈ।",
 	};
 
 	const Add$1 = "Lägg till";
@@ -24745,6 +24932,23 @@
 	  "Disable field": "Inaktivera fält",
 	  "Enable field": "Aktivera fält",
 	  "Customize field prompt": "Anpassa fältprompt",
+	  "Microphone disconnected": "Mikrofon frånkopplad",
+	  "The microphone was disconnected during recording": "Mikrofonen kopplades från under inspelningen",
+	  "Microphone reconnected": "Mikrofon återansluten",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "Mikrofonen kopplades kortvarigt från. Delar av inspelningen efter \"{lastPhrase}\" kan ha gått förlorade.",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "Mikrofonen kopplades kortvarigt från. Delar av inspelningen kan ha gått förlorade.",
+	  "Recording interrupted": "Inspelning avbruten",
+	  "The server closed the session unexpectedly. Please start recording again.": "Servern stängde sessionen oväntat. Starta inspelningen igen.",
+	  "Microphone changed": "Mikrofon ändrad",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "Den valda mikrofonen var inte tillgänglig. Inspelningen fortsätter med standardmikrofonen.",
+	  "No microphone available": "Ingen mikrofon tillgänglig",
+	  "Connect a microphone and try again.": "Anslut en mikrofon och försök igen.",
+	  "Connection lost": "Anslutning förlorad",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "Internetanslutningen förlorades under inspelningen. Ljud kanske inte når servern förrän anslutningen har återställts.",
+	  "Connection restored": "Anslutning återställd",
+	  "Internet connection has been restored. Recording continues normally.": "Internetanslutningen har återställts. Inspelningen fortsätter normalt.",
+	  "Slow connection": "Långsam anslutning",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "Din internetanslutning verkar vara långsam. Visst ljud kan fördröjas.",
 	};
 
 	const Add = "شامل کریں";
@@ -25021,6 +25225,23 @@
 	  "Disable field": "فیلڈ غیر فعال کریں",
 	  "Enable field": "فیلڈ فعال کریں",
 	  "Customize field prompt": "فیلڈ پرامپٹ حسب ضرورت بنائیں",
+	  "Microphone disconnected": "مائیکروفون منقطع ہو گیا",
+	  "The microphone was disconnected during recording": "ریکارڈنگ کے دوران مائیکروفون منقطع ہو گیا",
+	  "Microphone reconnected": "مائیکروفون دوبارہ جوڑ دیا گیا",
+	  "The microphone was briefly disconnected. Part of the recording after \"{lastPhrase}\" may have been lost.": "مائیکروفون مختصر وقت کے لیے منقطع ہو گیا تھا۔ \"{lastPhrase}\" کے بعد ریکارڈنگ کا کچھ حصہ ضائع ہو سکتا ہے۔",
+	  "The microphone was briefly disconnected. Part of the recording may have been lost.": "مائیکروفون مختصر وقت کے لیے منقطع ہو گیا تھا۔ ریکارڈنگ کا کچھ حصہ ضائع ہو سکتا ہے۔",
+	  "Recording interrupted": "ریکارڈنگ میں رکاوٹ",
+	  "The server closed the session unexpectedly. Please start recording again.": "سرور نے سیشن غیر متوقع طور پر بند کر دیا۔ براہ کرم دوبارہ ریکارڈنگ شروع کریں۔",
+	  "Microphone changed": "مائیکروفون تبدیل ہو گیا",
+	  "Your selected microphone was unavailable. Recording continues with the default microphone.": "آپ کا منتخب کردہ مائیکروفون دستیاب نہیں تھا۔ ریکارڈنگ پہلے سے طے شدہ مائیکروفون کے ساتھ جاری ہے۔",
+	  "No microphone available": "کوئی مائیکروفون دستیاب نہیں",
+	  "Connect a microphone and try again.": "مائیکروفون جوڑیں اور دوبارہ کوشش کریں۔",
+	  "Connection lost": "کنکشن ٹوٹ گیا",
+	  "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.": "ریکارڈنگ کے دوران انٹرنیٹ کنکشن ٹوٹ گیا۔ کنکشن بحال ہونے تک آڈیو سرور تک نہیں پہنچ سکتا۔",
+	  "Connection restored": "کنکشن بحال ہو گیا",
+	  "Internet connection has been restored. Recording continues normally.": "انٹرنیٹ کنکشن بحال ہو گیا ہے۔ ریکارڈنگ معمول کے مطابق جاری ہے۔",
+	  "Slow connection": "سست کنکشن",
+	  "Your internet connection appears to be slow. Some audio may be delayed.": "آپ کا انٹرنیٹ کنکشن سست لگ رہا ہے۔ کچھ آڈیو میں تاخیر ہو سکتی ہے۔",
 	};
 
 	var LanguageCode;
@@ -31790,6 +32011,8 @@
 	  audioContext: null,
 	  processor: null,
 	  source: null,
+	  processorStream: null,
+	  processorSocket: null,
 	  isServerReady: false,
 	  uuid: "",
 	  isActive: false,
@@ -32125,16 +32348,19 @@
 	    }
 	  },
 	  record: (socket, uuid, language) => {
-	    socket.onopen = function() {
-	      socket.send(JSON.stringify({
-	        uid: uuid,
-	        language,
-	        task: "transcribe",
-	        model: "medium",
-	        medical_practice: "medical",
-	        use_vad: true
-	      }));
-	    };
+	    const config = JSON.stringify({
+	      uid: uuid,
+	      language,
+	      task: "transcribe",
+	      model: "medium",
+	      medical_practice: "medical",
+	      use_vad: true
+	    });
+	    if (socket.readyState === WebSocket.OPEN) {
+	      socket.send(config);
+	      return;
+	    }
+	    socket.addEventListener("open", () => socket.send(config), { once: true });
 	  },
 	  recordFinal: (socket) => {
 	    socket.send(JSON.stringify({
@@ -32207,7 +32433,11 @@
 	  return uuid;
 	}
 
-	const useWebSocketConnection = ({ wssUrl, language, setState, setSocket, setStream, setIsServerReady, setUuid, isStoppingRef, currentSocketRef, preconnectedSocketRef, onConsumePreconnectedSocket, addSegments }) => {
+	const useWebSocketConnection = ({ wssUrl, language, setState, setSocket, setStream, setIsServerReady, setUuid, isStoppingRef, currentSocketRef, preconnectedSocketRef, onConsumePreconnectedSocket, addSegments, onUnexpectedClose }) => {
+	  const onUnexpectedCloseRef = reactExports.useRef(onUnexpectedClose);
+	  reactExports.useEffect(() => {
+	    onUnexpectedCloseRef.current = onUnexpectedClose;
+	  }, [onUnexpectedClose]);
 	  const addSegmentsRef = reactExports.useRef(addSegments);
 	  reactExports.useEffect(() => {
 	    addSegmentsRef.current = addSegments;
@@ -32319,10 +32549,12 @@
 	            logger.debug("Socket close during stop - stopCapture will handle state");
 	            return;
 	          }
-	          if (event.code !== 1e3 && event.code !== 1005) {
+	          const isUnexpected = event.code !== 1e3 && event.code !== 1005;
+	          if (isUnexpected) {
 	            if (event.code === 1006) {
 	              logger.webSocketError("WSS URL is unreachable. Please verify your wssurl property points to a valid WebSocket endpoint.");
 	            }
+	            onUnexpectedCloseRef.current?.(event);
 	          }
 	          setState((prev) => ({
 	            ...prev,
@@ -32401,6 +32633,7 @@
 	        }
 	        if (event.code !== 1e3 && event.code !== 1005) {
 	          logger.webSocketError(`WebSocket closed unexpectedly (code: ${event.code})`);
+	          onUnexpectedCloseRef.current?.(event);
 	        }
 	        setState((prev) => ({
 	          ...prev,
@@ -32453,32 +32686,67 @@
 	  return { startRecording };
 	};
 
-	const RECONNECT_DELAY = 3e3;
-	const useWebSocketPreconnect = ({ wssUrl, enabled = true }) => {
+	const INITIAL_RECONNECT_DELAY = 3e3;
+	const MAX_RECONNECT_DELAY = 6e4;
+	const MAX_RECONNECT_ATTEMPTS = 5;
+	const NON_RETRYABLE_CLOSE_CODES = /* @__PURE__ */ new Set([1e3, 1008, 1011]);
+	const useWebSocketPreconnect = ({ wssUrl, enabled = true, isRecordingActive = false }) => {
 	  const [socket, setSocket] = reactExports.useState(null);
 	  const [status, setStatus] = reactExports.useState("disconnected");
 	  const reconnectTimeoutRef = reactExports.useRef(null);
 	  const mountedRef = reactExports.useRef(true);
+	  const reconnectAttemptsRef = reactExports.useRef(0);
+	  const socketRef = reactExports.useRef(null);
+	  const isRecordingActiveRef = reactExports.useRef(isRecordingActive);
+	  reactExports.useEffect(() => {
+	    isRecordingActiveRef.current = isRecordingActive;
+	  }, [isRecordingActive]);
 	  const clearTimers = reactExports.useCallback(() => {
 	    if (reconnectTimeoutRef.current) {
 	      clearTimeout(reconnectTimeoutRef.current);
 	      reconnectTimeoutRef.current = null;
 	    }
 	  }, []);
+	  const getBackoffDelay = reactExports.useCallback((attempt) => {
+	    const exponential = INITIAL_RECONNECT_DELAY * Math.pow(2, attempt);
+	    return Math.min(exponential, MAX_RECONNECT_DELAY);
+	  }, []);
 	  const connect = reactExports.useCallback(() => {
 	    if (!wssUrl || !enabled || !mountedRef.current)
 	      return;
 	    clearTimers();
 	    setStatus("connecting");
+	    const scheduleRetry = (reason) => {
+	      if (!mountedRef.current || !enabled)
+	        return;
+	      if (isRecordingActiveRef.current)
+	        return;
+	      const attempt = reconnectAttemptsRef.current;
+	      if (attempt >= MAX_RECONNECT_ATTEMPTS) {
+	        logger.webSocketError(`WebSocket preconnect gave up after ${attempt} attempts (${reason})`);
+	        setStatus("paused");
+	        return;
+	      }
+	      const delay = getBackoffDelay(attempt);
+	      reconnectAttemptsRef.current = attempt + 1;
+	      logger.info(`WebSocket ${reason}, retry ${attempt + 1}/${MAX_RECONNECT_ATTEMPTS} in ${delay}ms`);
+	      reconnectTimeoutRef.current = setTimeout(() => {
+	        if (mountedRef.current && enabled && !isRecordingActiveRef.current) {
+	          connect();
+	        }
+	      }, delay);
+	    };
 	    try {
 	      const newSocket = new WebSocket(wssUrl);
 	      newSocket.binaryType = "arraybuffer";
+	      socketRef.current = newSocket;
 	      newSocket.onopen = () => {
-	        if (!mountedRef.current) {
+	        if (!mountedRef.current || socketRef.current !== newSocket) {
 	          newSocket.close();
 	          return;
 	        }
 	        logger.info("WebSocket pre-connected successfully");
+	        reconnectAttemptsRef.current = 0;
 	        setSocket(newSocket);
 	        setStatus("connected");
 	      };
@@ -32488,59 +32756,55 @@
 	      newSocket.onclose = (event) => {
 	        if (!mountedRef.current)
 	          return;
+	        if (socketRef.current !== newSocket && socketRef.current !== null)
+	          return;
 	        clearTimers();
+	        socketRef.current = null;
 	        setSocket(null);
 	        setStatus("disconnected");
-	        if (enabled) {
-	          logger.info(`WebSocket closed (code: ${event.code}), scheduling reconnect...`);
-	          reconnectTimeoutRef.current = setTimeout(() => {
-	            if (mountedRef.current && enabled) {
-	              connect();
-	            }
-	          }, RECONNECT_DELAY);
+	        if (!enabled)
+	          return;
+	        if (NON_RETRYABLE_CLOSE_CODES.has(event.code)) {
+	          logger.info(`WebSocket closed cleanly (code: ${event.code}); pausing preconnect until next user action`);
+	          return;
 	        }
+	        scheduleRetry(`closed (code: ${event.code})`);
 	      };
 	    } catch (error) {
 	      logger.webSocketError("Failed to create pre-connection:", error);
 	      setStatus("disconnected");
-	      if (enabled) {
-	        reconnectTimeoutRef.current = setTimeout(() => {
-	          if (mountedRef.current && enabled) {
-	            connect();
-	          }
-	        }, RECONNECT_DELAY);
-	      }
+	      scheduleRetry("creation error");
 	    }
-	  }, [wssUrl, enabled, clearTimers]);
+	  }, [wssUrl, enabled, clearTimers, getBackoffDelay]);
 	  const reconnect = reactExports.useCallback(() => {
-	    if (socket) {
-	      socket.close();
+	    reconnectAttemptsRef.current = 0;
+	    if (socketRef.current) {
+	      socketRef.current.close(1e3, "Manual reconnect");
+	      socketRef.current = null;
 	    }
 	    connect();
-	  }, [socket, connect]);
+	  }, [connect]);
 	  const consumeSocket = reactExports.useCallback(() => {
 	    setSocket(null);
 	    setStatus("disconnected");
+	    reconnectAttemptsRef.current = 0;
 	    clearTimers();
-	    reconnectTimeoutRef.current = setTimeout(() => {
-	      if (mountedRef.current && enabled) {
-	        connect();
-	      }
-	    }, RECONNECT_DELAY);
-	  }, [enabled, connect, clearTimers]);
+	    socketRef.current = null;
+	  }, [clearTimers]);
 	  reactExports.useEffect(() => {
 	    mountedRef.current = true;
-	    if (enabled && wssUrl) {
+	    if (enabled && wssUrl && !isRecordingActive) {
 	      connect();
 	    }
 	    return () => {
 	      mountedRef.current = false;
 	      clearTimers();
-	      if (socket && socket.readyState === WebSocket.OPEN) {
-	        socket.close(1e3, "Component unmounted");
+	      if (socketRef.current) {
+	        socketRef.current.close(1e3, "Preconnect cleanup");
+	        socketRef.current = null;
 	      }
 	    };
-	  }, [enabled, wssUrl]);
+	  }, [enabled, wssUrl, isRecordingActive]);
 	  return {
 	    socket,
 	    status,
@@ -32706,13 +32970,7 @@
 	  ToastVariation2["default"] = "default";
 	  ToastVariation2["danger"] = "danger";
 	})(ToastVariation || (ToastVariation = {}));
-	const ToastDefaultState = {
-	  title: "",
-	  message: "",
-	  visible: false,
-	  variation: ToastVariation.default,
-	  duration: 3e3
-	};
+	const MAX_TOASTS = 3;
 	const showErrorToast = (setToastState, formatMessage) => {
 	  setToastState({
 	    variation: ToastVariation.danger,
@@ -32745,11 +33003,17 @@
 	    ...prevState,
 	    devices: mics.map(({ deviceId, label }) => ({ deviceId, label }))
 	  }));
-	  if (mics.length > 0)
-	    setState((prevState) => ({
+	  if (mics.length === 0)
+	    return;
+	  setState((prevState) => {
+	    const currentIsValid = !!prevState.selectedDevice && prevState.selectedDevice !== "no-permission" && prevState.selectedDevice !== "no-devices" && prevState.selectedDevice !== "error" && mics.some((m) => m.deviceId === prevState.selectedDevice);
+	    if (currentIsValid)
+	      return prevState;
+	    return {
 	      ...prevState,
 	      selectedDevice: mics[0].deviceId
-	    }));
+	    };
+	  });
 	};
 	const getMicros = async (setHasPermission, setOptions, setDevices, icon, setToastState, microText, notFoundText, errorText, toastText) => {
 	  try {
@@ -32809,6 +33073,19 @@
 	  } else
 	    action();
 	};
+	const isNoMicrophoneError = (error) => {
+	  if (!(error instanceof DOMException))
+	    return false;
+	  return error.name === "NotFoundError" || error.name === "OverconstrainedError" || error.name === "NotReadableError" || error.name === "AbortError";
+	};
+	const setNoMicrophoneToast = (setToastState, title, message) => {
+	  setToastState({
+	    variation: ToastVariation.danger,
+	    title,
+	    message,
+	    visible: true
+	  });
+	};
 	const setDeniedPermissionToast = (setToastState, text) => {
 	  setToastState({
 	    variation: ToastVariation.danger,
@@ -32843,7 +33120,7 @@
 	  }
 	};
 
-	const useRecordingActions = ({ recordingState, transcriptorData, appointmentData, actions, refs, toastText }) => {
+	const useRecordingActions = ({ recordingState, transcriptorData, appointmentData, actions, refs, toastText, noMicToast }) => {
 	  const { stream, audioContext, animationFrameId, uuid, seconds } = recordingState;
 	  const { segments, enabled, connectionLoading, permission, selectedDevice, generating } = transcriptorData;
 	  const { setState, setStream, setAudioContext, setSocket, setIsServerReady, setToastState, startRecording, cleanupPromise, finalizeRecording, prepareForNewRecording, audioProcessorCleanup } = actions;
@@ -32986,9 +33263,14 @@
 	        const newStream = await getMediaStream(selectedDevice);
 	        setStream(newStream);
 	        getMicrophones(newStream);
-	      } catch {
-	        setDeniedPermissionToast(setToastState, toastText);
-	        logger.audioError("Microphone access denied.");
+	      } catch (error) {
+	        if (isNoMicrophoneError(error)) {
+	          setNoMicrophoneToast(setToastState, noMicToast.title, noMicToast.message);
+	          logger.audioError("No microphone available:", error);
+	        } else {
+	          setDeniedPermissionToast(setToastState, toastText);
+	          logger.audioError("Microphone access denied.", error);
+	        }
 	      }
 	    }
 	  }, [
@@ -32999,6 +33281,7 @@
 	    getMicrophones,
 	    setToastState,
 	    toastText,
+	    noMicToast,
 	    setStream,
 	    isStoppingRef,
 	    prepareForNewRecording
@@ -33009,7 +33292,11 @@
 	  };
 	};
 
-	const useAudioProcessor = ({ stream, socket, isServerReady, enabled, connectionLoading, setAudioContext }) => {
+	const SILENCE_THRESHOLD = 1e-4;
+	const SILENCE_FRAMES_LIMIT = 30;
+	const NO_SEND_WATCHDOG_MS = 8e3;
+	const NO_SEND_WATCHDOG_CHECK_MS = 1e3;
+	const useAudioProcessor = ({ stream, socket, isServerReady, enabled, connectionLoading, setAudioContext, onDeviceLost }) => {
 	  const processorRef = reactExports.useRef(null);
 	  const sourceRef = reactExports.useRef(null);
 	  const audioContextRef = reactExports.useRef(null);
@@ -33017,9 +33304,16 @@
 	  reactExports.useEffect(() => {
 	    isServerReadyRef.current = isServerReady;
 	  }, [isServerReady]);
+	  const onDeviceLostRef = reactExports.useRef(onDeviceLost);
+	  reactExports.useEffect(() => {
+	    onDeviceLostRef.current = onDeviceLost;
+	  }, [onDeviceLost]);
+	  const consecutiveSilentFramesRef = reactExports.useRef(0);
+	  const deviceLostFiredRef = reactExports.useRef(false);
+	  const lastSendAtRef = reactExports.useRef(0);
 	  reactExports.useEffect(() => {
 	    const session = getSessionState();
-	    if (session.processor && session.source && session.audioContext && session.stream === stream && session.socket === socket) {
+	    if (session.processor && session.source && session.audioContext && session.processorStream === stream && session.processorSocket === socket) {
 	      processorRef.current = session.processor;
 	      sourceRef.current = session.source;
 	      audioContextRef.current = session.audioContext;
@@ -33043,13 +33337,38 @@
 	      }
 	      audioContextRef.current = null;
 	    }
-	    updateSessionState({ processor: null, source: null });
+	    updateSessionState({
+	      processor: null,
+	      source: null,
+	      processorStream: null,
+	      processorSocket: null
+	    });
 	    if (!stream || !enabled || connectionLoading)
 	      return;
+	    const audioTracks = stream.getAudioTracks();
+	    const handleTrackEnded = () => {
+	      if (deviceLostFiredRef.current)
+	        return;
+	      deviceLostFiredRef.current = true;
+	      logger.warn("Audio track ended — microphone disconnected");
+	      onDeviceLostRef.current?.();
+	    };
+	    const handleTrackMute = () => {
+	      logger.warn("Audio track muted — possible transient device glitch");
+	    };
+	    const handleTrackUnmute = () => {
+	      logger.info("Audio track unmuted — device recovered");
+	      consecutiveSilentFramesRef.current = 0;
+	      deviceLostFiredRef.current = false;
+	    };
 	    try {
 	      const audioContext = new AudioContext();
 	      audioContextRef.current = audioContext;
 	      setAudioContext(audioContext);
+	      if (audioContext.state === "suspended") {
+	        logger.warn("AudioContext started suspended — calling resume(). This usually means the browser did not consider the current execution context a user gesture.");
+	        audioContext.resume().catch((err) => logger.audioError("Failed to resume AudioContext:", err));
+	      }
 	      const source = audioContext.createMediaStreamSource(stream);
 	      sourceRef.current = source;
 	      const analyser = audioContext.createAnalyser();
@@ -33060,26 +33379,65 @@
 	      source.connect(analyser);
 	      const processor = audioContext.createScriptProcessor(4096, 1, 1);
 	      processorRef.current = processor;
+	      consecutiveSilentFramesRef.current = 0;
+	      deviceLostFiredRef.current = false;
+	      lastSendAtRef.current = Date.now();
 	      processor.onaudioprocess = (event) => {
 	        if (!isServerReadyRef.current || !socket)
 	          return;
+	        if (deviceLostFiredRef.current)
+	          return;
 	        const input = event.inputBuffer.getChannelData(0);
+	        let isSilent = true;
+	        for (let i = 0; i < input.length; i++) {
+	          if (Math.abs(input[i]) > SILENCE_THRESHOLD) {
+	            isSilent = false;
+	            break;
+	          }
+	        }
+	        if (isSilent) {
+	          consecutiveSilentFramesRef.current++;
+	          if (consecutiveSilentFramesRef.current >= SILENCE_FRAMES_LIMIT && !deviceLostFiredRef.current) {
+	            deviceLostFiredRef.current = true;
+	            logger.warn(`Detected ${SILENCE_FRAMES_LIMIT} consecutive silent frames — microphone may be disconnected`);
+	            onDeviceLostRef.current?.();
+	            return;
+	          }
+	        } else {
+	          consecutiveSilentFramesRef.current = 0;
+	        }
 	        if (socket.readyState === WebSocket.OPEN) {
 	          const audioData16kHz = resampleTo16kHZ(input, audioContext.sampleRate);
 	          socket.send(audioData16kHz);
+	          lastSendAtRef.current = Date.now();
 	        }
 	      };
+	      audioTracks.forEach((t) => {
+	        t.addEventListener("ended", handleTrackEnded);
+	        t.addEventListener("mute", handleTrackMute);
+	        t.addEventListener("unmute", handleTrackUnmute);
+	      });
 	      source.connect(processor);
 	      processor.connect(audioContext.destination);
 	      const gain = audioContext.createGain();
 	      gain.gain.value = 1e-3;
 	      analyser.connect(gain);
 	      gain.connect(audioContext.destination);
-	      updateSessionState({ processor, source });
+	      updateSessionState({
+	        processor,
+	        source,
+	        processorStream: stream,
+	        processorSocket: socket
+	      });
 	    } catch (error) {
 	      logger.audioError("Error setting up audio context:", error);
 	    }
 	    return () => {
+	      audioTracks.forEach((t) => {
+	        t.removeEventListener("ended", handleTrackEnded);
+	        t.removeEventListener("mute", handleTrackMute);
+	        t.removeEventListener("unmute", handleTrackUnmute);
+	      });
 	      const current = getSessionState();
 	      if (current.processor === processorRef.current && current.source === sourceRef.current && current.isActive) {
 	        return;
@@ -33092,9 +33450,32 @@
 	        sourceRef.current.disconnect();
 	        sourceRef.current = null;
 	      }
-	      updateSessionState({ processor: null, source: null });
+	      updateSessionState({
+	        processor: null,
+	        source: null,
+	        processorStream: null,
+	        processorSocket: null
+	      });
 	    };
 	  }, [stream, socket, enabled, connectionLoading, setAudioContext]);
+	  reactExports.useEffect(() => {
+	    if (!enabled || connectionLoading || !socket || !isServerReady)
+	      return;
+	    lastSendAtRef.current = Date.now();
+	    const interval = setInterval(() => {
+	      if (deviceLostFiredRef.current)
+	        return;
+	      if (socket.readyState !== WebSocket.OPEN)
+	        return;
+	      const sinceLastSend = Date.now() - lastSendAtRef.current;
+	      if (sinceLastSend > NO_SEND_WATCHDOG_MS) {
+	        deviceLostFiredRef.current = true;
+	        logger.warn(`No audio sent to server for ${sinceLastSend}ms — microphone input appears stuck`);
+	        onDeviceLostRef.current?.();
+	      }
+	    }, NO_SEND_WATCHDOG_CHECK_MS);
+	    return () => clearInterval(interval);
+	  }, [enabled, connectionLoading, socket, isServerReady]);
 	  const cleanup = reactExports.useCallback(() => {
 	    if (processorRef.current) {
 	      processorRef.current.disconnect();
@@ -33104,7 +33485,12 @@
 	      sourceRef.current.disconnect();
 	      sourceRef.current = null;
 	    }
-	    updateSessionState({ processor: null, source: null });
+	    updateSessionState({
+	      processor: null,
+	      source: null,
+	      processorStream: null,
+	      processorSocket: null
+	    });
 	    if (audioContextRef.current) {
 	      try {
 	        if (audioContextRef.current.state !== "closed") {
@@ -33130,6 +33516,16 @@
 	  const toastText = formatMessage({
 	    id: "Please enable the microphone or reset the permissions"
 	  });
+	  const noMicToast = reactExports.useMemo(() => ({
+	    title: formatMessage({
+	      id: "No microphone available",
+	      defaultMessage: "No microphone available"
+	    }),
+	    message: formatMessage({
+	      id: "Connect a microphone and try again.",
+	      defaultMessage: "Connect a microphone and try again."
+	    })
+	  }), [formatMessage]);
 	  const isCurrentlyRecording = enabled && !connectionLoading;
 	  const state = useAudioRecordingState(appointmentData, isCurrentlyRecording);
 	  const { addSegments, finalizeRecording, prepareForNewRecording, initializeSession } = useTranscriptionManager({
@@ -33147,7 +33543,8 @@
 	  ]);
 	  const { socket: preconnectedSocket, consumeSocket } = useWebSocketPreconnect({
 	    wssUrl,
-	    enabled: !!wssUrl
+	    enabled: !!wssUrl && permission === "granted",
+	    isRecordingActive: isCurrentlyRecording
 	  });
 	  const preconnectedSocketRef = reactExports.useRef(null);
 	  reactExports.useEffect(() => {
@@ -33163,6 +33560,10 @@
 	  reactExports.useEffect(() => {
 	    segmentsRef.current = segments;
 	  }, [segments]);
+	  const handleServerCloseRef = reactExports.useRef(null);
+	  const handleUnexpectedClose = reactExports.useCallback((event) => {
+	    handleServerCloseRef.current?.(event);
+	  }, []);
 	  const { startRecording } = useWebSocketConnection({
 	    wssUrl,
 	    language,
@@ -33175,19 +33576,26 @@
 	    currentSocketRef,
 	    preconnectedSocketRef,
 	    onConsumePreconnectedSocket: consumeSocket,
-	    addSegments
+	    addSegments,
+	    onUnexpectedClose: handleUnexpectedClose
 	  });
 	  const { cleanupPromise } = useAudioRecordingCleanup();
+	  const stopOnDeviceLostRef = reactExports.useRef(null);
+	  const handleDeviceLost = reactExports.useCallback(() => {
+	    stopOnDeviceLostRef.current?.();
+	  }, []);
 	  const { cleanup: audioProcessorCleanup } = useAudioProcessor({
 	    stream: state.stream,
 	    socket: state.socket,
 	    isServerReady: state.isServerReady,
 	    enabled,
 	    connectionLoading,
-	    setAudioContext: state.setAudioContext
+	    setAudioContext: state.setAudioContext,
+	    onDeviceLost: handleDeviceLost
 	  });
-	  const { handleToggleRecording } = useRecordingActions({
+	  const { handleToggleRecording, stopCapture } = useRecordingActions({
 	    recordingState: {
+	      socket: state.socket,
 	      stream: state.stream,
 	      audioContext: state.audioContext,
 	      animationFrameId: state.animationFrameId,
@@ -33221,8 +33629,308 @@
 	      currentSocketRef,
 	      segmentsRef
 	    },
-	    toastText
+	    toastText,
+	    noMicToast
+	  });
+	  const micDisconnectedText = formatMessage({
+	    id: "Microphone disconnected",
+	    defaultMessage: "Microphone disconnected"
 	  });
+	  const micDisconnectedMessage = formatMessage({
+	    id: "The microphone was disconnected during recording",
+	    defaultMessage: "The microphone was disconnected during recording"
+	  });
+	  const micReconnectedText = formatMessage({
+	    id: "Microphone reconnected",
+	    defaultMessage: "Microphone reconnected"
+	  });
+	  const recordingInterruptedText = formatMessage({
+	    id: "Recording interrupted",
+	    defaultMessage: "Recording interrupted"
+	  });
+	  const recordingInterruptedMessage = formatMessage({
+	    id: "The server closed the session unexpectedly. Please start recording again.",
+	    defaultMessage: "The server closed the session unexpectedly. Please start recording again."
+	  });
+	  const micFallbackText = formatMessage({
+	    id: "Microphone changed",
+	    defaultMessage: "Microphone changed"
+	  });
+	  const micFallbackMessage = formatMessage({
+	    id: "Your selected microphone was unavailable. Recording continues with the default microphone.",
+	    defaultMessage: "Your selected microphone was unavailable. Recording continues with the default microphone."
+	  });
+	  reactExports.useEffect(() => {
+	    handleServerCloseRef.current = (event) => {
+	      if (state.isStoppingRef.current)
+	        return;
+	      logger.warn(`Server closed WebSocket unexpectedly (code: ${event.code}) — stopping session`);
+	      stopCapture();
+	      setToastState({
+	        variation: ToastVariation.danger,
+	        title: recordingInterruptedText,
+	        message: recordingInterruptedMessage,
+	        visible: true,
+	        duration: 0
+	      });
+	    };
+	  }, [
+	    stopCapture,
+	    state.isStoppingRef,
+	    setToastState,
+	    recordingInterruptedText,
+	    recordingInterruptedMessage
+	  ]);
+	  const selectedDeviceRef = reactExports.useRef(selectedDevice);
+	  reactExports.useEffect(() => {
+	    selectedDeviceRef.current = selectedDevice;
+	  }, [selectedDevice]);
+	  const lastRecoveryAtRef = reactExports.useRef(0);
+	  const RECOVERY_LOOP_GUARD_MS = 1e4;
+	  const didFallbackRef = reactExports.useRef(false);
+	  const prevIsRecordingRef = reactExports.useRef(false);
+	  reactExports.useEffect(() => {
+	    if (isCurrentlyRecording && !prevIsRecordingRef.current) {
+	      didFallbackRef.current = false;
+	    }
+	    prevIsRecordingRef.current = isCurrentlyRecording;
+	  }, [isCurrentlyRecording]);
+	  reactExports.useEffect(() => {
+	    stopOnDeviceLostRef.current = async () => {
+	      if (state.isStoppingRef.current)
+	        return;
+	      if (Date.now() - lastRecoveryAtRef.current < RECOVERY_LOOP_GUARD_MS) {
+	        if (!didFallbackRef.current) {
+	          logger.warn("Ghost device detected — attempting to switch to a different microphone before giving up");
+	          try {
+	            const fallbackStream = await getMediaStream(null);
+	            if (state.isStoppingRef.current) {
+	              fallbackStream.getTracks().forEach((t) => t.stop());
+	              return;
+	            }
+	            const fallbackDeviceId = fallbackStream.getAudioTracks()[0]?.getSettings().deviceId;
+	            const currentStreamDeviceId = state.stream?.getAudioTracks()[0]?.getSettings().deviceId;
+	            if (fallbackDeviceId && fallbackDeviceId !== currentStreamDeviceId) {
+	              logger.info(`Switched to fallback microphone (${fallbackDeviceId}) after ghost on ${currentStreamDeviceId}`);
+	              didFallbackRef.current = true;
+	              lastRecoveryAtRef.current = Date.now();
+	              state.setStream(fallbackStream);
+	              setToastState({
+	                variation: ToastVariation.danger,
+	                title: micFallbackText,
+	                message: micFallbackMessage,
+	                visible: true,
+	                duration: 0
+	              });
+	              return;
+	            }
+	            fallbackStream.getTracks().forEach((t) => t.stop());
+	            logger.warn("Fallback getMediaStream returned the same ghost device — no alternative available");
+	          } catch (error) {
+	            logger.warn("Fallback getMediaStream failed — no alternative available", error);
+	          }
+	        } else {
+	          logger.warn("Ghost device detected on the fallback too — stopping recording");
+	        }
+	        stopCapture();
+	        setToastState({
+	          variation: ToastVariation.danger,
+	          title: micDisconnectedText,
+	          message: micDisconnectedMessage,
+	          visible: true,
+	          duration: 0
+	        });
+	        return;
+	      }
+	      const currentSegments = segmentsRef.current;
+	      let lastPhrase = "";
+	      for (let i = currentSegments.length - 1; i >= 0; i--) {
+	        const texts = currentSegments[i].text;
+	        if (texts?.length) {
+	          const last = texts[texts.length - 1];
+	          if (last?.text) {
+	            lastPhrase = last.text.length > 60 ? last.text.substring(0, 60) + "…" : last.text;
+	            break;
+	          }
+	        }
+	      }
+	      const MAX_RETRIES = 3;
+	      const RETRY_DELAY = 2e3;
+	      for (let attempt = 0; attempt < MAX_RETRIES; attempt++) {
+	        await sleep(RETRY_DELAY);
+	        if (state.isStoppingRef.current)
+	          return;
+	        try {
+	          const requestedDevice = selectedDeviceRef.current;
+	          const newStream = await getMediaStream(requestedDevice);
+	          if (state.isStoppingRef.current) {
+	            newStream.getTracks().forEach((t) => t.stop());
+	            return;
+	          }
+	          const actualDeviceId = newStream.getAudioTracks()[0]?.getSettings().deviceId;
+	          const usedFallback = !!requestedDevice && requestedDevice !== "no-permission" && requestedDevice !== "no-devices" && requestedDevice !== "error" && !!actualDeviceId && actualDeviceId !== requestedDevice;
+	          if (usedFallback) {
+	            logger.warn(`Selected microphone (${requestedDevice}) unavailable — recording continues with fallback device (${actualDeviceId})`);
+	          } else {
+	            logger.info(`Microphone recovered after ${attempt + 1} attempt(s)`);
+	          }
+	          lastRecoveryAtRef.current = Date.now();
+	          state.setStream(newStream);
+	          if (usedFallback) {
+	            setToastState({
+	              variation: ToastVariation.danger,
+	              title: micFallbackText,
+	              message: micFallbackMessage,
+	              visible: true,
+	              duration: 0
+	            });
+	          }
+	          const reconnectedMessage = lastPhrase ? formatMessage({
+	            id: 'The microphone was briefly disconnected. Part of the recording after "{lastPhrase}" may have been lost.',
+	            defaultMessage: 'The microphone was briefly disconnected. Part of the recording after "{lastPhrase}" may have been lost.'
+	          }, { lastPhrase }) : formatMessage({
+	            id: "The microphone was briefly disconnected. Part of the recording may have been lost.",
+	            defaultMessage: "The microphone was briefly disconnected. Part of the recording may have been lost."
+	          });
+	          setToastState({
+	            variation: ToastVariation.default,
+	            title: micReconnectedText,
+	            message: reconnectedMessage,
+	            visible: true,
+	            duration: 0
+	          });
+	          return;
+	        } catch {
+	          logger.debug(`Microphone recovery attempt ${attempt + 1}/${MAX_RETRIES} failed`);
+	        }
+	      }
+	      if (state.isStoppingRef.current)
+	        return;
+	      stopCapture();
+	      setToastState({
+	        variation: ToastVariation.danger,
+	        title: micDisconnectedText,
+	        message: micDisconnectedMessage,
+	        visible: true,
+	        duration: 0
+	      });
+	    };
+	  }, [
+	    setToastState,
+	    micDisconnectedText,
+	    micDisconnectedMessage,
+	    micReconnectedText,
+	    micFallbackText,
+	    micFallbackMessage,
+	    formatMessage,
+	    segmentsRef,
+	    state.isStoppingRef,
+	    state.setStream,
+	    state.stream,
+	    stopCapture
+	  ]);
+	  const connectionLostText = formatMessage({
+	    id: "Connection lost",
+	    defaultMessage: "Connection lost"
+	  });
+	  const connectionLostMessage = formatMessage({
+	    id: "Internet connection was lost during recording. Audio may not reach the server until the connection is restored.",
+	    defaultMessage: "Internet connection was lost during recording. Audio may not reach the server until the connection is restored."
+	  });
+	  const connectionRestoredText = formatMessage({
+	    id: "Connection restored",
+	    defaultMessage: "Connection restored"
+	  });
+	  const connectionRestoredMessage = formatMessage({
+	    id: "Internet connection has been restored. Recording continues normally.",
+	    defaultMessage: "Internet connection has been restored. Recording continues normally."
+	  });
+	  const slowConnectionText = formatMessage({
+	    id: "Slow connection",
+	    defaultMessage: "Slow connection"
+	  });
+	  const slowConnectionMessage = formatMessage({
+	    id: "Your internet connection appears to be slow. Some audio may be delayed.",
+	    defaultMessage: "Your internet connection appears to be slow. Some audio may be delayed."
+	  });
+	  reactExports.useEffect(() => {
+	    if (!isCurrentlyRecording)
+	      return;
+	    const handleOffline = () => {
+	      logger.warn("Network offline detected during recording");
+	      setToastState({
+	        variation: ToastVariation.danger,
+	        title: connectionLostText,
+	        message: connectionLostMessage,
+	        visible: true,
+	        duration: 0
+	      });
+	    };
+	    const handleOnline = () => {
+	      logger.info("Network back online during recording");
+	      setToastState({
+	        variation: ToastVariation.default,
+	        title: connectionRestoredText,
+	        message: connectionRestoredMessage,
+	        visible: true,
+	        duration: 0
+	      });
+	    };
+	    window.addEventListener("offline", handleOffline);
+	    window.addEventListener("online", handleOnline);
+	    return () => {
+	      window.removeEventListener("offline", handleOffline);
+	      window.removeEventListener("online", handleOnline);
+	    };
+	  }, [
+	    isCurrentlyRecording,
+	    setToastState,
+	    connectionLostText,
+	    connectionLostMessage,
+	    connectionRestoredText,
+	    connectionRestoredMessage
+	  ]);
+	  reactExports.useEffect(() => {
+	    if (!isCurrentlyRecording || !state.socket)
+	      return;
+	    const GROWING_TICKS_LIMIT = 5;
+	    const MIN_BUFFER = 5e3;
+	    let prevBuffered = 0;
+	    let growingTicks = 0;
+	    let warned = false;
+	    const interval = setInterval(() => {
+	      if (!state.socket || state.socket.readyState !== WebSocket.OPEN)
+	        return;
+	      if (!navigator.onLine)
+	        return;
+	      const current = state.socket.bufferedAmount;
+	      if (current > prevBuffered && current > MIN_BUFFER) {
+	        growingTicks++;
+	        if (growingTicks >= GROWING_TICKS_LIMIT && !warned) {
+	          warned = true;
+	          logger.warn(`WebSocket buffer growing for ${growingTicks}s (${current} bytes) — slow connection`);
+	          setToastState({
+	            variation: ToastVariation.danger,
+	            title: slowConnectionText,
+	            message: slowConnectionMessage,
+	            visible: true,
+	            duration: 5e3
+	          });
+	        }
+	      } else {
+	        growingTicks = 0;
+	        warned = false;
+	      }
+	      prevBuffered = current;
+	    }, 1e3);
+	    return () => clearInterval(interval);
+	  }, [
+	    isCurrentlyRecording,
+	    state.socket,
+	    setToastState,
+	    slowConnectionText,
+	    slowConnectionMessage
+	  ]);
 	  const isDisabled = disabled || connectionLoading || chatMicrophoneActive;
 	  return {
 	    stream: state.stream,
@@ -42126,7 +42834,7 @@
 	const promptCacheSingleton = new PromptCache();
 
 	// Update using pnpm bump-version
-	const __version__ = "0.5.18";
+	const __version__ = "0.5.19";
 
 	var define_process_env_default = { NODE_ENV: "production" };
 	let globalEnv;
@@ -44933,6 +45641,22 @@
 	    }
 	    return outputs;
 	  }
+	  /**
+	   * Filter content from new_token events to prevent streaming LLM output
+	   * from being uploaded via events.
+	   */
+	  _filterNewTokenEvents(events) {
+	    if (!events || events.length === 0) {
+	      return events;
+	    }
+	    return events.map((event) => {
+	      if (event.name === "new_token") {
+	        const { kwargs: _, ...rest } = event;
+	        return rest;
+	      }
+	      return event;
+	    });
+	  }
 	  async prepareRunCreateOrUpdateInputs(run) {
 	    const runParams = { ...run };
 	    if (runParams.inputs !== void 0) {
@@ -44941,6 +45665,9 @@
 	    if (runParams.outputs !== void 0) {
 	      runParams.outputs = await this.processOutputs(runParams.outputs);
 	    }
+	    if (runParams.events !== void 0) {
+	      runParams.events = this._filterNewTokenEvents(runParams.events);
+	    }
 	    return runParams;
 	  }
 	  async _getResponse(path, queryParams) {
@@ -45701,6 +46428,9 @@ Context: ${context}`);
 	    if (run.outputs) {
 	      run.outputs = await this.processOutputs(run.outputs);
 	    }
+	    if (run.events) {
+	      run.events = this._filterNewTokenEvents(run.events);
+	    }
 	    const data = { ...run, id: runId };
 	    if (!this._filterForSampling([data], true).length) {
 	      return;
@@ -155232,8 +155962,17 @@ Here are the output tags:
 	        getMicrophones(newStream);
 	      } catch (error) {
 	        logger.audioError("Microphone error:", error);
-	        showErrorToast(setToastState, formatMessage);
-	        setDeniedPermissionToast(setToastState, toastText);
+	        if (isNoMicrophoneError(error)) {
+	          setNoMicrophoneToast(setToastState, formatMessage({
+	            id: "No microphone available",
+	            defaultMessage: "No microphone available"
+	          }), formatMessage({
+	            id: "Connect a microphone and try again.",
+	            defaultMessage: "Connect a microphone and try again."
+	          }));
+	        } else {
+	          setDeniedPermissionToast(setToastState, toastText);
+	        }
 	      }
 	    }
 	  };
@@ -156095,20 +156834,31 @@ Here are the output tags:
 	  return jsxRuntimeExports.jsx(ChatView, {});
 	};
 
-	const Toast = () => {
-	  const { message, visible, setToastState, title, variation, duration } = useToastContext();
+	const ToastItem = ({ toast, id, removeToast }) => {
 	  const [show, setShow] = reactExports.useState(false);
+	  const dismiss = reactExports.useCallback(() => {
+	    setShow(false);
+	    setTimeout(() => removeToast(id), 300);
+	  }, [removeToast, id]);
 	  reactExports.useEffect(() => {
-	    if (visible) {
-	      setTimeout(() => setShow(true), 10);
-	      const timer = setTimeout(() => {
-	        setShow(false);
-	        setTimeout(() => setToastState(ToastDefaultState), 300);
-	      }, duration);
-	      return () => clearTimeout(timer);
+	    const showTimer = setTimeout(() => setShow(true), 10);
+	    if (toast.duration && toast.duration > 0) {
+	      const dismissTimer = setTimeout(dismiss, toast.duration);
+	      return () => {
+	        clearTimeout(showTimer);
+	        clearTimeout(dismissTimer);
+	      };
 	    }
-	  }, [visible, duration, setToastState]);
-	  return jsxRuntimeExports.jsx("div", { className: `omniscribe_toast-container ${variation === ToastVariation.danger ? "omniscribe_toast-container-danger" : "omniscribe_toast-container-black"} ${show ? "omniscribe_toast-container-show" : "omniscribe_toast-container-hide"}`, children: jsxRuntimeExports.jsxs("div", { className: "omniscribe_toast-subcontainer", children: [jsxRuntimeExports.jsx("span", { className: "tomniscribe_toast-title", children: title }), jsxRuntimeExports.jsx("span", { className: "omniscribe_toast-msg", children: message })] }) });
+	    return () => clearTimeout(showTimer);
+	  }, [toast.duration, dismiss]);
+	  const isPersistent = toast.duration === 0;
+	  return jsxRuntimeExports.jsxs("div", { role: "alert", className: `omniscribe_toast-item ${toast.variation === ToastVariation.danger ? "omniscribe_toast-item-danger" : "omniscribe_toast-item-black"} ${show ? "omniscribe_toast-item-show" : "omniscribe_toast-item-hide"}`, children: [jsxRuntimeExports.jsxs("div", { className: "omniscribe_toast-subcontainer", children: [jsxRuntimeExports.jsx("span", { className: "omniscribe_toast-title", children: toast.title }), jsxRuntimeExports.jsx("span", { className: "omniscribe_toast-msg", children: toast.message })] }), isPersistent && jsxRuntimeExports.jsx("button", { className: "omniscribe_toast-close", onClick: dismiss, "aria-label": "Close", children: "✕" })] });
+	};
+	const Toast = () => {
+	  const { toasts, removeToast } = useToastContext();
+	  if (toasts.length === 0)
+	    return null;
+	  return jsxRuntimeExports.jsx("div", { className: "omniscribe_toast-stack", "aria-live": "polite", children: toasts.map((t) => jsxRuntimeExports.jsx(ToastItem, { toast: t, id: t.id, removeToast }, t.id)) });
 	};
 
 	const ArrowIcon = ({ className, width = 16, height = 16, strokeColor = "#4A5364" }) => jsxRuntimeExports.jsxs("svg", { width, height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: [jsxRuntimeExports.jsx("path", { d: "M8.00033 3.33335L12.667 8.00002L8.00033 12.6667", stroke: strokeColor, strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("path", { d: "M3.33366 8L12.667 8", stroke: strokeColor, strokeLinecap: "round", strokeLinejoin: "round" })] });
@@ -157269,7 +158019,6 @@ Here are the output tags:
 	const WIDTH = "650px";
 	const HEIGHT = "665px";
 	const App = () => {
-	  const toast = useToastContext();
 	  const { isLoading: isSettingsLoading } = useSettingsContext();
 	  const [isChat, setIsChat] = reactExports.useState(true);
 	  const [showConfig, setShowConfig] = reactExports.useState(false);
@@ -157288,37 +158037,59 @@ Here are the output tags:
 	  if (isSettingsLoading) {
 	    return jsxRuntimeExports.jsx(OmniscribeContainer, { width: WIDTH, height: HEIGHT, children: jsxRuntimeExports.jsx(OmniscribeLayout, { children: jsxRuntimeExports.jsx(AppSkeleton, {}) }) });
 	  }
-	  return jsxRuntimeExports.jsx(OmniscribeContainer, { width: WIDTH, height: HEIGHT, children: jsxRuntimeExports.jsxs(OmniscribeLayout, { children: [jsxRuntimeExports.jsx(UtilityButtons, { isChat, setIsChat, showConfig, setShowConfig, configScreen, setConfigScreen }), renderContent(), toast?.visible && jsxRuntimeExports.jsx(Toast, {})] }) });
+	  return jsxRuntimeExports.jsx(OmniscribeContainer, { width: WIDTH, height: HEIGHT, children: jsxRuntimeExports.jsxs(OmniscribeLayout, { children: [jsxRuntimeExports.jsx(UtilityButtons, { isChat, setIsChat, showConfig, setShowConfig, configScreen, setConfigScreen }), renderContent(), jsxRuntimeExports.jsx(Toast, {})] }) });
 	};
 
+	let nextId = 0;
 	const ToastProvider = ({ toast, children }) => {
-	  const [{ duration, visible, title, message, variation }, setToastState] = reactExports.useState({
-	    title: "",
-	    message: "",
-	    visible: false,
-	    variation: ToastVariation.default,
-	    duration: 3e3
-	  });
+	  const [toasts, setToasts] = reactExports.useState([]);
+	  const addToast = reactExports.useCallback((t) => {
+	    if (!t.visible)
+	      return;
+	    setToasts((prev) => {
+	      const isDupe = prev.some((existing) => existing.title === t.title && existing.message === t.message);
+	      if (isDupe && t.duration !== 0) {
+	        return prev;
+	      }
+	      const base = isDupe ? prev.filter((existing) => !(existing.title === t.title && existing.message === t.message)) : prev;
+	      const id = String(++nextId);
+	      const next = [...base, { duration: 3e3, ...t, id }];
+	      return next.length > MAX_TOASTS ? next.slice(-MAX_TOASTS) : next;
+	    });
+	  }, []);
+	  const removeToast = reactExports.useCallback((id) => {
+	    setToasts((prev) => prev.filter((t) => t.id !== id));
+	  }, []);
+	  const setToastState = reactExports.useCallback((action) => {
+	    if (action.visible) {
+	      addToast(action);
+	    }
+	  }, [addToast]);
 	  reactExports.useEffect(() => {
 	    if (toast) {
-	      const Toast = typeof toast === "string" ? JSON.parse(toast) : toast;
-	      setToastState({
-	        title: Toast.title,
-	        message: Toast.message,
-	        visible: Toast.visible,
-	        variation: Toast.variation,
-	        duration: Toast.duration ?? 3e3
-	      });
+	      try {
+	        const parsed = typeof toast === "string" ? JSON.parse(toast) : toast;
+	        if (parsed.visible) {
+	          addToast({
+	            title: parsed.title ?? "",
+	            message: parsed.message ?? "",
+	            visible: true,
+	            variation: parsed.variation ?? ToastVariation.default,
+	            duration: parsed.duration ?? 3e3
+	          });
+	        }
+	      } catch {
+	        logger.warn("ToastProvider: invalid JSON in toast prop");
+	      }
 	    }
-	  }, [toast]);
-	  return jsxRuntimeExports.jsx(ToastContext.Provider, { value: {
-	    visible,
-	    title,
-	    message,
-	    variation,
-	    duration,
+	  }, [toast, addToast]);
+	  const contextValue = reactExports.useMemo(() => ({
+	    toasts,
+	    addToast,
+	    removeToast,
 	    setToastState
-	  }, children });
+	  }), [toasts, addToast, removeToast, setToastState]);
+	  return jsxRuntimeExports.jsx(ToastContext.Provider, { value: contextValue, children });
 	};
 
 	const TranscriptorProvider = ({ transcriptorSelectValues, screenLoader, children }) => {
@@ -158105,10 +158876,21 @@ Here are the output tags:
 	  return jsxRuntimeExports.jsx(ProcessingThreadsContext.Provider, { value, children });
 	}
 
+	const appendClientVersion = (url) => {
+	  if (!url)
+	    return url;
+	  try {
+	    const parsed = new URL(url);
+	    parsed.searchParams.set("client_version", version$2);
+	    return parsed.toString();
+	  } catch {
+	    return url;
+	  }
+	};
 	const ApiConfigProvider = ({ children, clientBaseUrl, clientWssUrl, clientApiKey, isOpen, setIsOpen, hasTemplateConfig }) => {
 	  const [{ baseUrl, langGraphBaseUrl, apiKey, wssUrl }, setConfig] = reactExports.useState({
 	    baseUrl: clientBaseUrl,
-	    wssUrl: clientWssUrl,
+	    wssUrl: appendClientVersion(clientWssUrl),
 	    langGraphBaseUrl: clientBaseUrl + "/lang-graph/",
 	    apiKey: clientApiKey
 	  });
@@ -158119,7 +158901,7 @@ Here are the output tags:
 	    if (clientBaseUrl && clientApiKey) {
 	      setConfig({
 	        baseUrl: clientBaseUrl,
-	        wssUrl: clientWssUrl,
+	        wssUrl: appendClientVersion(clientWssUrl),
 	        langGraphBaseUrl: clientBaseUrl + "/lang-graph/",
 	        apiKey: clientApiKey
 	      });
@@ -160675,7 +161457,7 @@ Here are the output tags:
 		default: zig
 	}, [zigExports]);
 
-	const injectedCss = "/* Source: index.css */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\n\n#Omniscribe {\n  font-family: 'Lato', sans-serif;\n  /* define colors */\n  --active: #0a3785;\n  --background-primary: #e7effd;\n  --warning: #ffc107;\n  --grey-50: #f9fafb;\n  --grey-100: #f6f7f9;\n  --grey-200: #e5e7eb;\n  --grey-700: #6f7d95;\n  --grey-800: #4a5364;\n  --grey-900: #252a32;\n  --active-black: #252a32;\n  --placeholder: #a4adbc;\n  --line: #e5e7ec;\n  --custom-black: #13161a;\n  --primary: #105bdb;\n  --border: #e5e7ec;\n  --white: #fdfdfd;\n  --omni: #daf2ff;\n  --omni-secondary: rgba(219, 219, 219, 0.75);\n  --primary-button: #105bdb;\n  --primary-text: #36a3cf;\n  --primary-900: #061044;\n  --blue-100: #dbeafe;\n  --blue-200: #bfdbfe;\n  --blue-500: #105bdb;\n  --blue-600: #2563eb;\n  --blue-700: #1d4ed8;\n  --report: var(--primary-button);\n  --gray: #616161;\n  --black: #1b2125;\n  --sky-blue: #dbecff;\n  --blue: #5886ba;\n  --blue-600: #0b1962;\n  --background: #f3f3f3bb;\n  --foreground: oklch(0.145 0 0);\n  --primary: #061044;\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: #132caa;\n  --secondary-foreground: #fff;\n  --secondary-hover: #2847e7;\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.577 0.245 27.325);\n  --light-border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.87 0 0);\n  --radius: 0.625rem;\n  /* TEXT */\n  --text-3xs: 8px;\n  --text-3xs--line-height: calc(0.5 / 0.25);\n  --text-2xs: 10px;\n  --text-2xs--line-height: calc(0.75 / 0.5);\n  --text-xs: 12px;\n  --text-xs--line-height: 14.4px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-sm: 14px;\n  --text-sm--line-height: 16.8px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-base: 16px;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 18px;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 20px;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 22px;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 24px;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 26px;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 28px;\n  --text-5xl--line-height: 1;\n  --text-6xl: 30px;\n  --text-6xl--line-height: 1;\n  --text-7xl: 32px;\n  --text-7xl--line-height: 1;\n  --text-8xl: 34px;\n  --text-8xl--line-height: 1;\n  --text-9xl: 46px;\n  --text-9xl--line-height: 1;\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n  /* custom colors */\n  --color-white: var(--white);\n  --color-light-border: var(--light-border);\n  --color-omni: var(--omni);\n  --color-report: var(--report);\n  --color-omni-secondary: var(--omni-secondary);\n  --color-primary-text: var(--primary-text);\n  --color-primary-900: var(--primary-900);\n  --color-blue-500: var(--blue-500);\n  --color-gray: var(--gray);\n  --color-black: var(--black);\n  --color-sky-blue: var(--sky-blue);\n  --color-cream: var(--cream);\n  --color-pink: var(--pink);\n  --color-blue: var(--blue);\n  --color-blue-600: var(--blue-600);\n  --color-sky-blue-100: var(--sky-blue-100);\n  --color-white-2: var(--white-2);\n  --color-primary-700: var(--primary-700);\n  --color-primary-500: var(--primary-500);\n  --color-neutral-800: var(--neutral-800);\n  --color-blue-2: var(--blue-2);\n  --color-light-blue: var(--light-blue);\n  --color-primary-100: var(--primary-100);\n  --color-primary-300: var(--primary-300);\n  --color-black-2: var(--black-2);\n  --color-primary-button: var(--primary-button);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n  /* rounded */\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: 12px;\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  /* spacing */\n  --spacing-layout-w: var(--layout-w);\n  --spacing-layout-h: var(--layout-h);\n  --spacing: 0.25rem;\n  /* size */\n  --container-md: 28rem;\n  --container-xl: 36rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n\n  --tracking-tight: -0.025em;\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-spin: spin 1s linear infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: var(--font-sans);\n  --default-mono-font-family: var(--font-mono);\n\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n  a,\n  p,\n  textarea,\n  button,\n  span,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  div {\n    font-family: 'Lato', sans-serif;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .no-scrollbar {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n  .shadow-inner-right {\n    box-shadow: inset -9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .shadow-inner-left {\n    box-shadow: inset 9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .annotation {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .annotation-semi {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .annotation-bold {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info {\n    font-size: var(--text-2xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .info-semi {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info-bold {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-xs {\n    font-size: var(--text-xs) !important;\n    font-weight: var(--font-weight-normal);\n    line-height: var(--text-xs--line-height);\n    letter-spacing: var(--text-xs--letter-spacing);\n  }\n  .text-p {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-normal);\n    letter-spacing: var(--text-sm--letter-spacing);\n  }\n  .text-p-semi {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-bold {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .omniscribe_shadow-xl {\n    box-shadow:\n      0 20px 25px -5px rgb(0 0 0 / 0.1),\n      0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n  .scrollbar-pretty {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      background-color: var(--omni-secondary);\n    }\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n\n  .omniscribe_visible {\n    visibility: visible;\n    display: flex;\n    flex: 1;\n  }\n  .omniscribe_hidden {\n    display: none;\n    height: 0;\n  }\n\n  .omniscribe_animate-spin {\n    animation: spin 1s linear infinite;\n  }\n}\n\n\n/* Source: modules/chat/components/ChatView.css */\n.omniscribe_chat-view-container {\n  flex: 1;\n  border-style: none;\n  display: flex;\n  overflow: hidden;\n  background: transparent;\n  bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  margin-block: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  right: 20px;\n  border-bottom-left-radius: 12px;\n  width: 100%;\n}\n\n.omniscribe_chat-view-container-history-cont {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  z-index: 30;\n  height: 100%;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  display: block;\n  border-top-left-radius: 12px;\n  border-bottom-left-radius: 12px;\n  overflow: hidden;\n  background-color: white;\n  transition:\n    width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    min-width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.omniscribe_chat-view-container-history-cont-open {\n  width: 33%;\n}\n\n/* Overlay that covers the chat when history is open */\n.omniscribe_chat-view-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  z-index: 25;\n  opacity: 0;\n  pointer-events: none;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-radius: 12px;\n}\n\n.omniscribe_chat-view-overlay-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.omniscribe_chat-view-content-container {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  position: relative;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-stick-to-bottom {\n  font-size: 14px;\n}\n.omniscribe_chat-view-stick-to-bottom-content {\n  position: absolute;\n  inset: 0;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  display: grid;\n  grid-template-rows: 1fr auto;\n}\n\n/* Disable scroll when SummaryLoading is shown */\n.omniscribe_chat-view-stick-to-bottom-content--no-scroll {\n  overflow-y: hidden;\n}\n\n.omniscribe_chat-view-stick-to-bottom-content-class {\n  padding-bottom: calc(var(--spacing) * 13);\n  display: flex;\n  flex-direction: column;\n  padding-left: calc(var(--spacing) * 4);\n  padding-right: calc(var(--spacing) * 4);\n  min-width: 0;\n  padding-top: 12px;\n}\n\n.omniscribe_chat-view-footer-container {\n  position: sticky;\n  display: flex;\n  background-color: white;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-footer-scroll-to-bottom {\n  position: fixed;\n  bottom: 17%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.omniscribe_chat-view-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Combined Footer - Frame 532 Design */\n.omniscribe_chat-view-combined-footer {\n  width: 100%;\n  padding-bottom: 12px;\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* Footer swap - crossfade between expanded/collapsed rows */\n.omniscribe_chat-view-footer-swap {\n  position: relative;\n}\n\n.omniscribe_chat-view-footer-swap-layer {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-footer-swap-layer--visible {\n  opacity: 1;\n  pointer-events: auto;\n  transition: opacity 0.3s ease;\n}\n\n/* Hide the inactive layer so it doesn't take space */\n.omniscribe_chat-view-footer-swap-layer:not(\n    .omniscribe_chat-view-footer-swap-layer--visible\n  ) {\n  position: absolute;\n  inset: 0;\n}\n\n.omniscribe_chat-view-combined-footer-row {\n  display: flex;\n  flex-direction: row;\n  align-items: end;\n  box-sizing: border-box;\n  width: 100%;\n  gap: 8px;\n  flex-shrink: 0;\n  background-color: white;\n  overflow: hidden;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-top: 7px;\n}\n\n/* Frame 34 - Input container */\n.omniscribe_chat-view-combined-input-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  padding: 8px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 20px;\n  background-color: white;\n  gap: 0;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n  box-sizing: border-box;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-right: 1px;\n}\n\n/* When files are attached, change border-radius to rounded rectangle */\n.omniscribe_chat-view-combined-input-container--with-files {\n  border-radius: 20px;\n  gap: 12px;\n  align-items: flex-start;\n  min-width: 0;\n  max-width: 462px;\n  overflow: hidden;\n}\n\n/* Files row inside input container - horizontal scroll, no wrapping */\n.omniscribe_chat-view-combined-files-row {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: 4px;\n  scrollbar-width: thin;\n  min-width: 0;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar {\n  height: 4px;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-thumb {\n  background-color: var(--color-gray-300, #d1d5db);\n  border-radius: 4px;\n}\n\n/* Input row with clip icon, textarea, and action button */\n.omniscribe_chat-view-combined-input-row {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 4px;\n}\n\n/* Clip icon */\n.omniscribe_chat-view-combined-clip-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border: solid 1px #e5e7ec;\n}\n\n.omniscribe_chat-view-combined-clip-icon:hover {\n  background-color: #e5e7eb;\n  color: var(--color-gray-600);\n}\n\n/* Action button inside input */\n.omniscribe_chat-view-combined-action-btn {\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-textarea {\n  flex: 1;\n  resize: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  min-height: 20px;\n  max-height: 56px;\n  font-weight: 500 !important;\n  padding: 0 !important;\n  background: transparent;\n  color: #4a5364;\n  height: 20px;\n}\n\n.omniscribe_chat-view-combined-textarea::placeholder {\n  color: var(--color-gray-400, #9ca3af);\n}\n\n.omniscribe_chat-view-combined-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 9999px;\n  background-color: #132caa;\n  color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn:hover:not(:disabled) {\n  background-color: #2847e7;\n}\n\n.omniscribe_chat-view-combined-send-btn:disabled {\n  background-color: #dfe2e7;\n  cursor: not-allowed;\n}\n\n/* Stop button - red variant of send button */\n.omniscribe_chat-view-combined-stop-btn {\n  background-color: #132caa;\n}\n\n.omniscribe_chat-view-combined-stop-btn:hover {\n  background-color: #132caa;\n}\n\n/* Drag-and-drop overlay */\n.omniscribe_chat-view-drag-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(37, 99, 235, 0.05);\n  border: 2px dashed var(--blue-600, #2563eb);\n  border-radius: var(--radius);\n  z-index: 10;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-drag-overlay-text {\n  color: var(--blue-600, #2563eb);\n  font-size: var(--text-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n\n/* Source: modules/chat/components/FileLimitBanner.css */\n/* File Limit Banner */\n.omniscribe_file-limit-banner {\n  position: fixed;\n  top: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  background-color: #dc2626;\n  color: white;\n  border-radius: 12px;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  animation:\n    slideInFromTop 0.3s ease-out,\n    slideOutToTop 0.3s ease-in 4.7s;\n  animation-fill-mode: forwards;\n  width: auto;\n  max-width: 90vw;\n  padding: 0;\n  margin: 0 auto;\n}\n\n.omniscribe_file-limit-banner-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 20px;\n  gap: 12px;\n  white-space: nowrap;\n}\n\n.omniscribe_file-limit-banner-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white;\n}\n\n.omniscribe_file-limit-banner-message {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.omniscribe_file-limit-banner-close {\n  background: none;\n  border: none;\n  color: white;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.omniscribe_file-limit-banner-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.omniscribe_file-limit-banner-close svg {\n  width: 16px;\n  height: 16px;\n}\n\n/* Animations */\n@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes slideOutToTop {\n  0% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n}\n\n\n/* Source: modules/chat/components/PredefinedQuestions.css */\n.omniscribe_predefined-questions-container {\n  margin-top: calc(var(--spacing) * 2) /* 1rem = 16px */;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_predefined-questions-span {\n  color: #13161a;\n  line-height: 21.6px;\n  font-size: 18px !important;\n  font-weight: 500 !important;\n}\n\n.omniscribe_predefined-title {\n  margin-bottom: 8px;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-msg-container {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-content {\n  background-color: #e7effd !important;\n  color: #105bdb !important;\n  border-radius: 999px !important;\n  text-align: left;\n  padding-top: 4px;\n  padding-right: 16px;\n  padding-bottom: 4px;\n  padding-left: 16px;\n  width: fit-content;\n  height: fit-content;\n}\n\n\n/* Source: modules/chat/components/SummaryLoading.css */\n/* Auto-summary loading styles */\n.omniscribe_auto-summary-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding-top: calc(var(--spacing) * 13);\n  pointer-events: none;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_auto-summary-text {\n  font-size: 18px;\n  text-align: center;\n  margin-bottom: 20px;\n  font-weight: 500;\n  color: #2b303a;\n}\n\n.omniscribe_auto-summary-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Loading dots animation */\n.omniscribe_loading-dots {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_loading-dots::after {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_loading-dots::before {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.16s;\n  margin-right: 4px;\n}\n\n.omniscribe_loading-dots span {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.32s;\n  margin-right: 4px;\n}\n\n@keyframes omniscribe-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/history/ChatHistory.css */\n.omniscribe_thread-list-container {\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n  margin: 8px;\n}\n\n.omniscribe_thread-list-content {\n  padding-bottom: calc(var(--spacing) * 16);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.omniscribe_thread-list-item {\n  width: 100%;\n  padding-inline: 0;\n}\n\n.omniscribe_thread-list-btn {\n  text-align: left;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  width: calc(100% - var(--spacing) * 4);\n  border-radius: 4px !important;\n  margin-bottom: 4px;\n  font-weight: var(--font-weight-normal);\n  padding-inline: calc(var(--spacing) * 1) !important;\n}\n\n.omniscribe_thread-list-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--Text-Active, #252a32);\n  font-size: var(--Font-Size-font-size-100, 12px);\n  font-style: normal;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--Font-Line-Height-line-height-100, 14.4px);\n  /* 120% */\n  letter-spacing: var(--Font-Letter-Spacing-letter-spacing-100, 0.05px);\n}\n\n.omniscribe_thread-history-loading {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n}\n\n.omniscribe_thread-history-loading-skeleton {\n  width: 100%;\n  height: calc(var(--spacing) * 10);\n}\n\n.omniscribe_thread-history-container {\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid #e5e7ec;\n  align-items: flex-start;\n  justify-content: flex-start;\n  /* gap: calc(var(--spacing) * 6); */\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.omniscribe_thread-history-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 16px;\n  background: white;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_thread-history-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.omniscribe_thread-history-header-title {\n  margin: 0;\n  color: #252a32;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_thread-history-new-chat-btn {\n  margin: 12px 0 0 12px;\n  border-radius: 8px;\n  gap: 4px;\n  padding-block: 4px;\n}\n\n.omniscribe_thread-history-new-chat-btn:hover:not(:disabled) {\n  background-color: #0f2080;\n}\n\n.omniscribe_thread-history-new-chat-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_thread-history-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  padding-block: calc(var(--spacing) * 1);\n  background-color: color-mix(in oklab, var(--blue) 40%, transparent);\n  width: stretch;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: fill-available;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_thread-history-no-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  width: 100%;\n}\n\n.omniscribe_thread-history-chat-started-btn {\n  border: none;\n  background: transparent;\n  padding: 0px;\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--spacing) * 2);\n  align-items: center;\n  cursor: pointer;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.omniscribe_thread-history-chat-started-btn-text {\n  font-size: var(--text-xl);\n  line-height: var(--tw-leading, var(--text-xl--line-height));\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-tight);\n}\n\n.omniscribe_thread-tooltip {\n  padding: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Processing thread indicator */\n.omniscribe_thread-list-btn.omniscribe_thread-processing {\n  position: relative;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing::before {\n  content: '';\n  position: absolute;\n  left: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  background: #132caa;\n  border-radius: 50%;\n  animation: omniscribe_pulse 1.5s infinite;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing\n  .omniscribe_thread-list-text {\n  padding-left: 12px;\n}\n\n@keyframes omniscribe_pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n}\n\n\n/* Source: modules/chat/components/input/FilePreview.css */\n/* File Preview Container - Figma Frame 532 */\n.omniscribe_file-preview-container {\n  display: contents;\n}\n\n.omniscribe_file-preview-container-history-open {\n  width: 372px;\n}\n\n/* Custom scrollbar */\n.omniscribe_file-preview-container::-webkit-scrollbar {\n  height: 6px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb {\n  background-color: #d1d5db;\n  border-radius: 3px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb:hover {\n  background-color: #9ca3af;\n}\n\n/* Individual image thumbnail */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 12px;\n  background-color: #e8edf5;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: #e8edf5;\n  border-radius: 12px;\n}\n\n/* Document card */\n/* Document card - matches Figma design */\n.omniscribe_file-preview-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background-color: white;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 16px;\n  position: relative;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n  flex-shrink: 0;\n  max-height: 38px;\n}\n\n.omniscribe_file-preview-document-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  background-color: #dc3545;\n  border-radius: var(--radius-lg, 12px);\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-document-icon svg {\n  color: white;\n}\n\n.omniscribe_file-preview-document-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  padding-right: 16px;\n}\n\n.omniscribe_file-preview-document-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--grey-900);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n\n.omniscribe_file-preview-document-type {\n  font-size: 12px;\n  color: var(--grey-700);\n  font-weight: 500;\n}\n\n/* Individual image thumbnail - larger size matching Figma */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  background-color: #1a1a2e;\n  flex-shrink: 0;\n  /* overflow: visible to allow X button to show outside bounds */\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 16px;\n  /* Apply overflow hidden to the image itself */\n  overflow: hidden;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: #e8edf5;\n  border-radius: 16px;\n}\n\n/* Remove button - blue circle with X - positioned inside bounds */\n.omniscribe_file-preview-remove-btn {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: none;\n  border-radius: 50%;\n  background-color: #2563eb;\n  color: white;\n  cursor: pointer;\n  padding: 0;\n  transition: background-color 0.2s ease;\n  z-index: 2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.omniscribe_file-preview-remove-btn:hover {\n  background-color: #1d4ed8;\n}\n\n.omniscribe_file-preview-remove-btn--image {\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n}\n\n\n/* Source: modules/chat/components/input/MicrophoneButton.css */\n/* Microphone Button Styles */\n.microphone-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  min-width: 24px !important;\n  min-height: 24px !important;\n  padding: 0 !important;\n  border-radius: 9999px !important;\n  border: none !important;\n  background-color: #f3f4f6 !important;\n  box-shadow: none !important;\n  transition: background-color 0.2s ease !important;\n  flex-shrink: 0;\n}\n\n.microphone-button:hover:not(:disabled) {\n  background-color: #e5e7eb !important;\n}\n\n.microphone-button--recording {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  background-color: #fee2e2 !important;\n}\n\n/* Pulse animation for recording state */\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n\n/* Source: modules/chat/components/input/TranscribeDropdown.css */\n/* Ensure tooltip trigger properly wraps the button in flex context */\n.omniscribe_thread-combined-footer-row > .tooltip-trigger {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.omniscribe_transcribe-dropdown {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: white;\n  transition: all 0.2s ease;\n  font-size: var(--font-size-100, 14px);\n  font-weight: 500;\n  color: var(--color-gray-700, #374151);\n  white-space: nowrap;\n  overflow: hidden;\n  flex-shrink: 0;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-left: 1px;\n  padding-inline: 12px;\n}\n\n/* Expanded state - no pill style */\n.omniscribe_transcribe-dropdown--expanded {\n  border: none;\n  background-color: transparent;\n  box-shadow: none;\n}\n\n.omniscribe_transcribe-dropdown--expanded\n  .omniscribe_transcribe-dropdown--recording {\n  background-color: transparent;\n  border: none;\n}\n\n.omniscribe_transcribe-dropdown:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--color-gray-50, #f9fafb);\n  border-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcribe-dropdown-main {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 8px 8px 0px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: inherit;\n  color: inherit;\n}\n\n.omniscribe_transcribe-dropdown--expanded .omniscribe_transcribe-dropdown-main {\n  padding-block: 0;\n}\n\n.omniscribe_transcribe-dropdown-main:disabled {\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-dropdown-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 12px 8px 4px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.omniscribe_transcribe-dropdown-expand:disabled {\n  cursor: not-allowed;\n}\n\n/* Recording state - neutral gray, NOT red */\n.omniscribe_transcribe-dropdown--recording {\n  background-color: var(--color-gray-50, #f9fafb);\n  border-color: var(--color-gray-300, #d1d5db);\n  color: var(--color-gray-700, #374151);\n}\n\n.omniscribe_transcribe-dropdown--recording:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--color-gray-100, #f3f4f6);\n}\n\n.omniscribe_transcribe-dropdown--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Icon container with blue background like Figma */\n.omniscribe_transcribe-dropdown-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: #e7effd;\n}\n\n.omniscribe_transcribe-dropdown-icon svg {\n  color: var(--color-primary, #2563eb);\n}\n\n/* Recording state - keep blue icon with pulse animation */\n.omniscribe_transcribe-dropdown--recording\n  .omniscribe_transcribe-dropdown-icon {\n  background-color: #e7effd;\n  animation: transcribe-pulse 1.5s ease-in-out infinite;\n}\n\n.omniscribe_transcribe-dropdown--recording\n  .omniscribe_transcribe-dropdown-icon\n  svg {\n  color: var(--color-primary, #2563eb);\n}\n\n@keyframes transcribe-pulse {\n  0%,\n  100% {\n    opacity: 1;\n    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);\n  }\n  50% {\n    opacity: 0.6;\n    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0);\n  }\n}\n\n.omniscribe_transcribe-dropdown-label {\n  flex: 1;\n  text-align: left;\n}\n\n.omniscribe_transcribe-dropdown-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-gray-400, #9ca3af);\n  transition:\n    transform 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcribe-dropdown-chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.omniscribe_transcribe-dropdown:hover .omniscribe_transcribe-dropdown-chevron {\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Generate Report Button - Figma style */\n.omniscribe_transcribe-generate-btn {\n  border-radius: 12px !important;\n  gap: 8px;\n  padding-block: 4px !important;\n  padding-inline: 8px !important;\n  height: auto !important;\n}\n\n.omniscribe_transcribe-generate-btn:hover:not(:disabled) {\n  background-color: #1d4ed8;\n}\n\n.omniscribe_transcribe-generate-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Collapsed state - vertical pill */\n.omniscribe_transcribe-collapsed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: white;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcribe-collapsed-play {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 50%;\n  background-color: #e7effd;\n  color: var(--color-primary, #2563eb);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-play:hover:not(:disabled) {\n  background-color: #d0e0fc;\n  transform: scale(1.05);\n}\n\n.omniscribe_transcribe-collapsed-play:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-collapsed-play--recording {\n  animation: transcribe-pulse 1.5s ease-in-out infinite;\n}\n\n.omniscribe_transcribe-collapsed-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--color-gray-500, #6b7280);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-expand:hover:not(:disabled) {\n  background-color: var(--color-gray-100, #f3f4f6);\n  color: var(--color-gray-700, #374151);\n}\n\n\n/* Source: modules/chat/components/input/TranscriptionPanel.css */\n/* Animated wrapper for expand/collapse */\n.omniscribe_transcription-panel-wrapper {\n  height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition:\n    height 0.5s ease,\n    opacity 0.5s ease;\n}\n\n.omniscribe_transcription-panel-wrapper--expanded {\n  height: calc(var(--content-height) * 0.5);\n  opacity: 1;\n  border-bottom: 1px solid var(--border, #e5e7eb);\n}\n\n/* TranscriptionPanel - Frame 655 from Figma */\n.omniscribe_transcription-panel {\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border: 1px solid var(--border, #e5e7eb);\n  border-top-left-radius: var(--radius-lg, 12px);\n  border-top-right-radius: var(--radius-lg, 12px);\n  overflow: hidden;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header with action buttons */\n.omniscribe_transcription-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--border);\n}\n\n.omniscribe_transcription-panel-header-section {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_transcription-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin-right: 2px;\n}\n\n.omniscribe_transcription-panel-action-btn {\n  width: 100%;\n  height: auto;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close {\n  border-radius: 9999px;\n  border: none;\n  padding-inline: 5px !important;\n  padding-block: 2.5px !important;\n  margin-block: 5.5px;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close:hover {\n  background-color: var(--color-gray-100, #f3f4f6);\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Body container */\n.omniscribe_transcription-panel-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 150px;\n  overflow: hidden;\n}\n\n/* Idle state - white background with blue text */\n.omniscribe_transcription-panel-idle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  gap: 16px;\n  padding: 24px;\n}\n\n.omniscribe_transcription-panel-idle-text {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--color-primary, #2563eb);\n  text-align: center;\n  margin: 0;\n}\n\n.omniscribe_transcription-panel-play-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 9999px;\n  background-color: #e7effd;\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_transcription-panel-play-btn:hover {\n  transform: scale(1.05);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcription-panel-play-btn svg {\n  color: var(--color-primary, #2563eb);\n}\n\n/* Content state - transcription display */\n.omniscribe_transcription-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  max-height: 220px;\n}\n\n.omniscribe_transcription-panel-message {\n  margin-bottom: 8px;\n  text-align: left;\n  width: fit-content;\n  background-color: #f6f7f9;\n  padding: 4px;\n  border-radius: 8px;\n  color: #13161a;\n  line-height: 1.7 !important;\n}\n\n/* Scrollbar styles */\n.omniscribe_transcription-panel-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n/* Firefox */\n.omniscribe_transcription-panel-content {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-gray-300, #d1d5db) transparent;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-panel-processing {\n  padding-top: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenu.css */\n.omniscribe_link-menu-container {\n  width: 18rem;\n  border-radius: 0.5rem;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  border: 1px solid var(--grey-200);\n  background-color: #ffffff;\n}\n\n.omniscribe_link-menu-navigation {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: var(--grey-50);\n  border-top-left-radius: 0.5rem;\n  border-top-right-radius: 0.5rem;\n}\n\n.omniscribe_nav-button {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0.125rem;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  color: #6b7280;\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_nav-button:hover {\n  background-color: var(--color-gray-100);\n  color: #374151;\n}\n\n.omniscribe_nav-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px #3b82f6;\n}\n\n.omniscribe_nav-button:active {\n  background-color: var(--grey-200);\n}\n\n.omniscribe_nav-icon {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.omniscribe_page-indicator {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: #4b5563;\n}\n\n.omniscribe_link-menu-content {\n  padding: 0.375rem;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenuCard.css */\n.omniscribe_card-link {\n  display: block;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  background-color: #ffffff;\n  border: 1px solid var(--grey-200);\n  text-decoration: none;\n}\n\n.omniscribe_card {\n  border: 0;\n  box-shadow: none;\n  border-radius: 0.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.omniscribe_card:hover {\n  background-color: var(--grey-50);\n}\n\n.omniscribe_card-header {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: rgba(249, 250, 251, 0.5);\n}\n\n.omniscribe_favicon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-icon {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 0.125rem;\n  background-color: #d1d5db;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-text {\n  font-size: 8px;\n  font-weight: 700;\n  color: var(--grey-600);\n  text-transform: uppercase;\n}\n\n.omniscribe_card-title {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--grey-800);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n.omniscribe_card-content {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.omniscribe_card-content > * + * {\n  margin-top: 0.25rem;\n}\n\n.omniscribe_link-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  color: var(--color-activeblack, #000000);\n  line-height: 1.375;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.omniscribe_snippet-text {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  color: #4b5563;\n  line-height: 1.625;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupPill.css */\n.omniscribe_pill-container {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n\n.omniscribe_pill-button {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 9999px;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  background-color: var(--blue-100);\n  color: var(--blue-700);\n  border: 1px solid var(--blue-200);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  cursor: pointer;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.omniscribe_pill-button:hover {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-button:focus {\n  background-color: var(--blue-200);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow:\n    0 0 0 2px #3b82f6,\n    0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\n.omniscribe_pill-button--active {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-domain {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@media (min-width: 640px) {\n  .omniscribe_pill-domain {\n    max-width: 200px;\n  }\n}\n\n.omniscribe_pill-counter {\n  margin-left: 0.375rem;\n  background-color: var(--blue-200);\n  color: #1e40af;\n  border-radius: 9999px;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_menu-portal {\n  position: absolute;\n  z-index: 100;\n}\n\n\n/* Source: modules/chat/components/markdown/MarkdownText.css */\n.omniscribe_markdown-code-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--color-zinc-900)\n    /* oklch(21% 0.006 285.885) = #18181b */;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  color: var(--white);\n}\n\n.omniscribe_markdown-code-span {\n  text-transform: lowercase;\n  & > span {\n    font-size: var(--text-xs) /* 0.75rem = 12px */;\n    line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  }\n}\n\n.omniscribe_markdown-h1 {\n  margin-bottom: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-4xl) /* 2.25rem = 36px */;\n  line-height: var(--text-4xl--line-height) /* calc(2.5 / 2.25) ≈ 1.1111 */;\n  font-weight: var(--font-weight-extrabold) /* 800 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h2 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-3xl) /* 1.875rem = 30px */;\n  line-height: var(--text-3xl--line-height) /* calc(2.25 / 1.875) ≈ 1.2 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h3 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-2xl);\n  line-height: var(--text-2xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h4 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-xl);\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h5 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-size: var(--text-lg);\n  line-height: var(--text-lg--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h6 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-p {\n  margin-block: calc(var(--spacing) * 2.5);\n  line-height: calc(var(--spacing) * 5);\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-a {\n  color: var(--primary);\n  font-weight: var(--font-weight-medium) /* 500 */;\n  text-decoration-line: underline;\n  text-underline-offset: 4px;\n  overflow-wrap: break-word;\n}\n\n.omniscribe_markdown-blockquote {\n  border-left-width: 2px;\n  padding-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  font-style: italic;\n}\n\n.omniscribe_markdown-ul {\n  list-style-type: disc;\n  padding-inline-start: 20px;\n  word-break: break-word;\n  & > li {\n    margin-top: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-ol {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  margin-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  list-style-type: decimal;\n  & > li {\n    margin-top: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-hr {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  border-bottom-width: 1px;\n}\n.omniscribe_markdown-table {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  overflow-y: auto;\n}\n.omniscribe_markdown-th {\n  background-color: var(--muted);\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  font-weight: var(--font-weight-bold) /* 700 */;\n  &:first-child {\n    border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child {\n    border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-td {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  &:last-child {\n    border-right-width: 1px;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-tr {\n  margin: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  &:first-child {\n    border-top-width: 1px;\n  }\n  &:last-child > td:first-child {\n    border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child > td:last-child {\n    border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n}\n\n.omniscribe_markdown-sup {\n  font-size: var(--text-xs) /* 0.75rem = 12px */;\n  line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  & > a {\n    text-decoration-line: none;\n  }\n}\n\n.omniscribe_markdown-pre {\n  overflow-x: auto;\n  border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--black);\n  padding: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  color: var(--white);\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_markdown-code {\n  border-radius: 0.25rem /* 4px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n}\n\n.omniscribe_markdown-link {\n  color: var(--color-primary); /* text-primary */\n  font-weight: 500; /* font-medium */\n  text-decoration: underline; /* underline */\n  text-underline-offset: 4px; /* underline-offset-4 */\n  word-wrap: break-word; /* break-words */\n}\n\n.omniscribe_markdown-link:hover {\n  color: var(--color-primary-dark); /* hover:text-primary-dark */\n}\n\n.omniscribe_assistant-markdown-container strong,\n.omniscribe_assistant-markdown-container b {\n  font-weight: bold !important;\n}\n\n\n/* Source: modules/chat/components/markdown/tooltip-icon-button.css */\n/* Tooltip icon button styles */\n.omniscribe_tooltip-icon-button-btn {\n  padding: 4px;\n  min-width: auto;\n  min-height: auto;\n}\n\n.omniscribe_tooltip-icon-button-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessage.css */\n.omniscribe_assistant-message-container {\n  display: flex;\n  align-items: flex-start;\n  margin-right: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  width: 100%;\n}\n\n.omniscribe_assistant-message-calls-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n}\n\n.omniscribe_assistant-markdown-container {\n  padding-block: calc(var(--spacing) * 0.5) /* 0.25rem = 4px */;\n}\n\n.omniscribe_assistant-commands-container {\n  display: flex;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-right: auto;\n}\n.omniscribe_assistant-message-container:hover,\n.omniscribe_assistant-message-container:focus {\n  .omniscribe_assistant-commands-container {\n    opacity: 100%;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessageLoading.css */\n/* Assistant message loading animation */\n.omniscribe_assistant-message-loading-container {\n  display: flex;\n  align-items: center;\n  padding: 8px 0;\n}\n\n.omniscribe_assistant-message-loading {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_assistant-message-loading-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-assistant-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(1) {\n  animation-delay: -0.32s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(2) {\n  animation-delay: -0.16s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(3) {\n  animation-delay: 0s;\n}\n\n@keyframes omniscribe-assistant-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/BranchSwitcher.css */\n.omniscribe_brand-switcher-container {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n\n.omniscribe_brand-switcher-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_brand-switcher-btn {\n  width: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  height: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  padding: calc(0.25rem /* 4px */ * 1) /* 0.25rem = 4px */;\n}\n\n\n/* Source: modules/chat/components/messages/CommandBar.css */\n.omniscribe_command-bar-container {\n  display: flex;\n  align-items: center;\n  padding-right: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.omniscribe_command-bar-container.omniscribe_command-bar-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.thumbs.active {\n  color: var(--blue-500);\n}\n\n.omniscribe_feedback-button-container {\n  position: relative;\n  display: inline-block;\n}\n\n.omniscribe_command-bar-container-icon-color,\n.thumbs {\n  color: #4a5364;\n}\n\n.omniscribe_command-bar-container svg {\n  width: 12px !important;\n  height: 12px !important;\n}\n\n.omniscribe_command-bar-container .omniscribe_tooltip-icon-button-btn {\n  padding: calc(var(--spacing) * 0.5) !important;\n}\n\n.omniscribe_command-bar-container .tooltip-base {\n  padding: 0.25rem 0.5rem;\n}\n\n.omniscribe_command-bar-container .tooltip-trigger {\n  padding: 1px;\n  margin: 1px;\n}\n\n.omniscribe_command-bar-container .omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 3);\n  width: calc(var(--spacing) * 3);\n}\n\n\n/* Source: modules/chat/components/messages/HumanMessage.css */\n.omniscribe_human-message-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n.omniscribe_human-message-container-editing {\n  width: 100%;\n  max-width: var(--container-xl) /* 36rem = 576px */;\n}\n.omniscribe_human-message-container-no-editing {\n  max-width: 100%;\n}\n\n.omniscribe_human-message-command-container {\n  display: flex;\n  gap: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-left: auto;\n}\n.omniscribe_human-message-command-container-editing {\n  opacity: 100%;\n}\n\n.omniscribe_human-message-container:focus,\n.omniscribe_human-message-container:hover {\n  .omniscribe_human-message-command-container {\n    opacity: 100%;\n  }\n}\n\n.omniscribe_human-message-subcontainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.omniscribe_human-message-subcontainer-editing {\n  width: 100%;\n}\n\n.omniscribe_human-message-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.omniscribe_human-message-content-text {\n  text-align: right;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-inline: calc(var(--spacing) * 2);\n  border-radius: var(--radius-3xl);\n  background-color: #f6f7f9;\n  font-weight: 500;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n  margin: 0;\n}\n.omniscribe_human-message-textarea {\n  min-height: 2.5rem !important; /* 40px */\n  max-height: 12rem !important; /* 192px - Allow more vertical space */\n  min-width: 200px !important; /* Minimum width for usability */\n  resize: both; /* Allow controlled resizing in both directions */\n  width: 100%;\n  overflow: auto; /* Enable scroll when content exceeds max dimensions */\n\n  &:focus-visible {\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n}\n\n.omniscribe_human-message-textarea-chat-history-close {\n  max-width: 100% !important;\n}\n\n.omniscribe_human-message-textarea-chat-history-open {\n  max-width: 385px !important;\n}\n\n\n/* Source: modules/chat/components/messages/MessageImages.css */\n/* Message Files Container (for both images and documents) */\n.omniscribe_message-files {\n  margin-top: 8px;\n  margin-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Message Images Container */\n.omniscribe_message-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_message-images-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  max-width: 100%;\n}\n\n/* Individual Image Container */\n.omniscribe_message-image-container {\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  background-color: #f5f5f5;\n  border: 1px solid #e0e0e0;\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_message-image-container:hover {\n  transform: scale(1.02);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.omniscribe_message-image-container-single {\n  max-width: 200px;\n  max-height: 200px;\n}\n\n.omniscribe_message-image-container-multiple {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n}\n\n/* Image Element */\n.omniscribe_message-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.omniscribe_message-image-container-single .omniscribe_message-image {\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n\n/* Loading State */\n.omniscribe_message-image-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: #f8f9fa;\n  color: #6c757d;\n  font-size: 12px;\n  border-radius: 8px;\n}\n\n/* Error State */\n.omniscribe_message-image-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: #f8f9fa;\n  color: #6c757d;\n  font-size: 12px;\n  border-radius: 8px;\n  text-align: center;\n  cursor: default;\n}\n\n.omniscribe_message-image-error span {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.omniscribe_message-image-error small {\n  font-size: 10px;\n}\n\n/* Image Counter for Multiple Images */\n.omniscribe_message-image-counter {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  padding: 2px 6px;\n  border-radius: 12px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Images Count */\n.omniscribe_message-images-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #6c757d;\n  font-style: italic;\n}\n\n/* Modal for Full-Size Images */\n.omniscribe_message-image-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.omniscribe_message-image-modal-content {\n  position: relative;\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-img {\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.omniscribe_message-image-modal-close {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  background-color: #fff;\n  border: none;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: bold;\n  color: #333;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_message-image-modal-close:hover {\n  background-color: #f5f5f5;\n}\n\n/* Message Documents Container */\n.omniscribe_message-documents {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_message-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #f8f9fa;\n  border: 1px solid #e0e0e0;\n  transition: background-color 0.2s ease;\n  max-width: 280px;\n}\n\n.omniscribe_message-document:hover {\n  background-color: #f0f0f0;\n}\n\n.omniscribe_message-document-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.omniscribe_message-document-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_message-document-name {\n  font-weight: 500;\n  font-size: 13px;\n  color: #333;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.omniscribe_message-document-size {\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.omniscribe_message-documents-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #6c757d;\n  font-style: italic;\n}\n\n\n/* Source: modules/chat/components/messages/ToolCalls.css */\n.omniscribe_tool-calls-container {\n  margin-block-start: calc(calc(var(--spacing) * 4) * var(0));\n  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(0)));\n  width: 100%;\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_tool-calls-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n}\n.omniscribe_tool-calls-h3 {\n  font-weight: var(--font-weight-bold);\n  color: var(--color-gray-900) /* oklch(21% 0.034 264.665) = #101828 */;\n  word-break: break-all;\n  font-size: 14px;\n  margin: 0;\n}\n\n.omniscribe_tool-calls-item-args {\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.omniscribe_tool-calls-item-args-text {\n  word-break: break-all;\n  margin-right: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  padding-block: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_tool-calls-item-args-code {\n  background-color: var(--color-gray-50);\n  border-radius: 0.25rem /* 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n  word-break: break-all;\n}\n\n.omniscribe_tool-calls-pre {\n  font-size: 12px;\n}\n\n\n/* Source: modules/chat/components/messages/ToolResults.css */\n/* ToolResult Component Styles */\n\n.omniscribe_tool-result {\n  margin-top: 2px;\n  border: 1px solid var(--grey-200);\n  border-radius: 0.5rem !important; /* !rounded-lg */\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  overflow: hidden; /* overflow-hidden */\n  width: 100%;\n}\n\n.omniscribe_tool-result-header {\n  background-color: var(--grey-50); /* bg-gray-50 */\n  padding-left: 1rem; /* px-4 */\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  justify-content: space-between; /* justify-between */\n}\n\n.omniscribe_tool-result-header--expanded {\n  border-bottom: 1px solid var(--grey-200);\n}\n\n.omniscribe_tool-result-header-content {\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  gap: 0.5rem; /* gap-2 */\n  min-width: 0; /* min-w-0 */\n}\n\n.omniscribe_tool-result-title {\n  font-weight: 500; /* font-medium */\n  color: var(--grey-900);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; /* truncate */\n  margin: 0;\n  font-size: 14px;\n}\n\n.omniscribe_expand-button {\n  padding: 0.25rem; /* p-1 */\n  flex-shrink: 0; /* flex-shrink-0 */\n}\n\n.omniscribe_expand-icon {\n  width: 1.25rem; /* w-5 */\n  height: 1.25rem; /* h-5 */\n}\n\n.omniscribe_tool-result-content {\n  padding: 1rem; /* p-4 */\n  background-color: #ffffff; /* bg-white */\n  max-height: 24rem; /* max-h-96 */\n  overflow-y: auto; /* overflow-y-auto */\n}\n\n.omniscribe_tool-result-content > * + * {\n  margin-top: 0.5rem; /* space-y-2 */\n}\n\n/* Scrollbar styles for webkit browsers */\n.omniscribe_tool-result-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-track {\n  background: #f1f5f9;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.omniscribe_result-card {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  border: 1px solid var(--color-gray-100);\n  padding-top: 0.5rem !important; /* !py-2 */\n  padding-bottom: 0.5rem !important;\n  gap: 0 !important; /* !gap-0 */\n}\n\n.omniscribe_result-card-header {\n  padding-top: 0.5rem !important; /* !pt-2 */\n  padding-left: 0.5rem !important; /* !px-2 */\n  padding-right: 0.5rem !important;\n  padding-bottom: 0 !important; /* !pb-0 */\n}\n\n.omniscribe_result-card-title {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  font-weight: 600; /* font-semibold */\n}\n\n.omniscribe_result-link {\n  color: var(--blue-600);\n  text-decoration: none;\n  transition-property: color, text-decoration;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_result-link:hover {\n  text-decoration: underline; /* hover:underline */\n  color: #1e40af; /* hover:text-blue-800 */\n}\n\n.omniscribe_result-card-content {\n  padding: 0.5rem !important; /* !p-2 */\n  padding-top: 0 !important; /* !pt-0 */\n}\n\n.omniscribe_result-description {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: #374151; /* text-gray-700 */\n  line-height: 1.625; /* leading-relaxed */\n  word-break: break-all; /* break-all */\n  display: -webkit-box;\n  -webkit-line-clamp: 2; /* line-clamp-2 */\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms; /* transition-all duration-150 ease-in-out */\n  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* ease-in-out */\n}\n\n.omniscribe_result-description:hover {\n  -webkit-line-clamp: unset; /* hover:line-clamp-none */\n  display: block;\n}\n\n.omniscribe_result-source {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: #6b7280; /* text-gray-500 */\n  margin-top: 0.25rem; /* mt-1 */\n  padding-top: 0.25rem; /* pt-1 */\n  border-top: 1px solid var(--color-gray-100);\n}\n\n.omniscribe_string-result {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  white-space: pre-wrap; /* whitespace-pre-wrap */\n  background-color: var(--grey-50);\n  padding: 0.75rem; /* p-3 */\n  border-radius: 0.375rem; /* rounded-md */\n  border: 1px solid var(--grey-200);\n  font-family:\n    ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,\n    monospace; /* pre tag font */\n}\n\n\n/* Source: modules/header/components/ConfigHeader.css */\n/* Config Header Styles */\n.omniscribe_config-view {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  max-height: 17px;\n  padding: 16px;\n}\n\n.omniscribe_config-back-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.omniscribe_config-back-label {\n  margin: 0;\n  color: #000000;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n.omniscribe_config-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--Greyscale-200, #edeff2);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-radius: var(--Radius-radius-round, 99999px);\n  cursor: pointer;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n\n\n/* Source: modules/header/components/ConnectedButtons.css */\n/* Connected Buttons Styles */\n.omniscribe_connected-buttons {\n  display: flex;\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  overflow: hidden;\n}\n\n.omniscribe_connected-btn-left {\n  border: none !important;\n  border-radius: 0 !important;\n  border-right: 1px solid var(--Stroke-greyscale-Active, #e5e7ec) !important;\n}\n\n.omniscribe_connected-btn-right {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n/* Ensure connected buttons have consistent styling */\n.omniscribe_connected-buttons .omniscribe_utility-btns {\n  min-height: 40px;\n}\n\n\n/* Source: modules/header/components/ConsentIndicator.css */\n.omniscribe_consent-indicator {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 10px;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--text-xs--line-height, 14.4px);\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px);\n  white-space: nowrap;\n  margin-right: 8px;\n  gap: 4px;\n  border: 1px solid var(--border, #e5e7ec);\n  color: #4a5364;\n}\n\n.omniscribe_consent-indicator-tooltip {\n  border-radius: var(--radius-lg, 12px) !important;\n  border: 1px solid var(--border, #e5e7ec) !important;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;\n  display: flex !important;\n  padding: 10px 8px !important;\n  font-size: 10px !important;\n  font-weight: 400 !important;\n  line-height: var(--text-xs--line-height, 14.4px) !important;\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px) !important;\n}\n\n\n/* Source: modules/header/components/MainHeader.css */\n/* Main Header Styles */\n.omniscribe_main-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.omniscribe_main-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-title {\n  margin: 0;\n  color: #252a32;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_main-header-separator {\n  width: 1px;\n  align-self: stretch;\n  margin: -16px 0;\n  background-color: var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_main-header-spacer {\n  flex: 1;\n}\n\n.omniscribe_main-header-settings {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n\n/* Source: modules/header/components/UtilityButton.css */\n/* Utility Button Styles */\n.omniscribe_utility-btn-audio {\n  min-height: 40px; /* Match connected buttons height */\n}\n\n.omniscribe_utility-btn-right {\n  /* Settings button specific styles can be added here */\n}\n\n/* Base utility button styles are inherited from parent UtilityButtons.css */\n\n\n/* Source: modules/header/components/WarningBanner.css */\n/* Warning Banner Styles */\n.omniscribe_warning-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: #f6f7f9;\n  border-top: 1px solid #e5e7ec;\n}\n\n.omniscribe_warning-banner-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border: none;\n  background-color: #e5e7ec;\n  border-radius: 50%;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.omniscribe_warning-banner-close:hover {\n  background-color: #d1d5db;\n}\n\n.omniscribe_warning-banner-text {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.25;\n  color: var(--Text-greyscale-Primary, #4a5364);\n}\n\n\n/* Source: modules/header/section/UtilityButtons.css */\n.omniscribe_header-wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: #ffffff;\n  border-top-right-radius: 12px;\n  border-top-left-radius: 12px;\n}\n\n.omniscribe_utility-btns-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #ffffff;\n  overflow: hidden;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  align-self: stretch;\n  border-top-right-radius: inherit;\n  border-top-left-radius: inherit;\n}\n\n.omniscribe_utility-btns-left,\n.omniscribe_utility-btns-right {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n}\n\n.omniscribe_utility-btn-right {\n  border-radius: var(--Radius-radius-round, 99999px) !important;\n  background-color: var(--Greyscale-100, #f6f7f9) !important;\n  border: none !important;\n}\n\n.omniscribe_utility-btns {\n  cursor: pointer;\n  transition-duration: 300ms;\n  background-color: color-mix(in oklab, var(--white) 30%, transparent);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  position: relative;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    background-color: var(--Greyscale-100, #f6f7f9);\n  }\n}\n\n.omniscribe_utility-btns-pointer {\n  pointer-events: auto;\n}\n\n.omniscribe_utility-btns-no-pointer {\n  pointer-events: none;\n  background-color: var(--white);\n}\n\n.omniscribe_utility-btns-no-pointer-opacity {\n  pointer-events: none;\n  opacity: 50%;\n}\n\n.omniscribe_utility-btns-opacity {\n  background-color: var(--white);\n  opacity: 100%;\n}\n\n.omniscribe_utility-btns-active {\n  background-color: var(--Greyscale-100, #f6f7f9);\n  border: 1px solid var(--Stroke-greyscale-Active, #105bdb);\n}\n\n.omniscribe_btn-label {\n  margin-left: 6px;\n  font-size: 14px;\n  color: #212529;\n  font-weight: 500;\n}\n\n.omniscribe_btn-label-active {\n  color: #105bdb;\n}\n\n.omniscribe_btn-label-inactive {\n  color: #212529;\n}\n\n.omniscribe_icon {\n  color: var(--active-black);\n}\n\n.omniscribe_icon-active {\n  color: #105bdb;\n}\n\n\n/* Source: modules/layout/components/OmniscribeContainer/OmniscribeContainer.css */\n.omniscribe_container {\n  isolation: isolate;\n  position: fixed;\n  bottom: calc(var(--spacing) * 5);\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 80;\n}\n\n[dir='ltr'] .omniscribe_container {\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n}\n\n[dir='rtl'] .omniscribe_container {\n  left: 0;\n  right: auto;\n  border-top-right-radius: 30px;\n  border-bottom-right-radius: 30px;\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/DraggableCollapsed.css */\n/* Draggable Collapsed Container */\n.omniscribe_draggable-collapsed {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  cursor: grab;\n  z-index: 9999;\n  transition: transform 0.1s ease-out;\n  user-select: none;\n  touch-action: none;\n}\n\n.omniscribe_draggable-collapsed--dragging {\n  cursor: grabbing;\n  transition: none;\n}\n\n/* Horizontal mode - rotated 90 degrees */\n.omniscribe_draggable-collapsed--horizontal {\n  bottom: 20px;\n}\n\n.omniscribe_draggable-collapsed--horizontal .omniscribe_transcribe-collapsed {\n  flex-direction: row;\n  transform: none;\n}\n\n/* RTL support */\n[dir='rtl'] .omniscribe_draggable-collapsed {\n  right: auto;\n  left: 20px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/OmniscribeLayout.css */\n.omniscribe_layout {\n  position: fixed;\n  width: var(--layout-w);\n  background: var(--white);\n  bottom: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0px 4px 4px 0px #00000040;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 500ms;\n  transition-property: transform, translate, scale, rotate;\n  display: flex;\n  flex-direction: column;\n  height: var(--layout-h);\n  min-width: 500px;\n  min-height: 500px;\n  right: 0;\n  border-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_layout {\n  left: 0;\n  right: auto;\n  border-bottom-right-radius: 12px;\n}\n\n[dir='ltr'] .omniscribe_layout {\n  right: 0;\n  border-bottom-left-radius: 12px;\n}\n\n.omniscribe_layout-open {\n  background: var(--white);\n  translate: 0;\n}\n\n.omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n[dir='rtl'] .omniscribe_layout-close {\n  translate: calc(var(--layout-w) * -1);\n}\n\n[dir='ltr'] .omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n\n/* Source: modules/settings/components/chat/Chat.css */\n.omniscribe_chat-config {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0; /* Permite que los hijos controlen su altura */\n  flex: 1; /* Toma el espacio disponible */\n}\n\n/* Espaciado específico para el separador en el contexto de chat */\n.omniscribe_chat-config .omniscribe_separator {\n  margin: 8px 0; /* Margen vertical consistente */\n}\n\n.omniscribe_chat-prompt-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-right: 16px;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  height: 74px;\n  padding: 8px;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: #374151;\n  background-color: white;\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_chat-prompt-textarea::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: #6b7280;\n  align-self: flex-start;\n}\n\n\n/* Source: modules/settings/components/chat/PromptCustomization.css */\n.omniscribe_chat-prompt-title {\n  font-size: 14px;\n  font-weight: 400;\n  color: #252a32;\n  line-height: 14.4px;\n  margin: 0 0 12px 0;\n}\n\n.omniscribe_chat-prompt-container {\n  position: relative;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  padding: 12px;\n  border: 1px solid var(--border-color, #ddd);\n  border-radius: 8px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  resize: none;\n  transition: border-color 0.2s ease;\n}\n\n.omniscribe_chat-prompt-textarea:focus {\n  outline: none;\n  border-color: var(--primary-color, #007bff);\n  box-shadow: 0 0 0 2px var(--primary-color-alpha, rgba(0, 123, 255, 0.1));\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--text-secondary, #666);\n  margin-top: 6px;\n  text-align: right;\n}\n\n\n/* Source: modules/settings/components/chat/SourceItem.css */\n.omniscribe_source-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.omniscribe_source-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n\n.omniscribe_source-checkbox {\n  width: 16px;\n  height: 16px;\n  accent-color: #105bdb;\n  cursor: pointer;\n}\n\n.omniscribe_source-name {\n  flex: 1;\n  font-size: 12px;\n  color: #374151;\n}\n/* Removed link styles for source name - now handled by icon button only */\n.omniscribe_source-external-icon {\n  width: 12px;\n  height: 12px;\n  stroke: #105bdb;\n  cursor: pointer;\n  transition: stroke 0.2s;\n  flex-shrink: 0;\n}\n\n.omniscribe_source-external-icon:hover {\n  stroke: #0d47a1;\n}\n\n.omniscribe_source-checkbox:checked + .omniscribe_source-name {\n  font-weight: 500;\n  color: #1f2937;\n}\n\n\n/* Source: modules/settings/components/chat/SourceSelector.css */\n.omniscribe_source-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 24px;\n  min-height: 0;\n  flex: 1;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-selector-title {\n  font-size: 16px;\n  font-weight: 500;\n  color: #252a32;\n  margin: 0;\n}\n\n.omniscribe_source-selector-description {\n  font-size: 14px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.omniscribe_source-list {\n  width: 100%;\n  max-width: 100%;\n  min-height: 105px;\n  max-height: 285px;\n  border-radius: 12px;\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  background: #ffffff;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow-y: auto;\n  flex: 1;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-list--compact {\n  max-height: 105px;\n}\n\n\n/* Source: modules/settings/section/Configuration.css */\n.omniscribe_config-content {\n  width: 650px;\n  max-height: 590px;\n  opacity: 1;\n  background-color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.omniscribe_config-list {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n}\n\n.omniscribe_config-item {\n  width: 100%;\n  height: 75px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  opacity: 1;\n  padding: 10px 22px 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-item:hover {\n  background-color: #f9fafb;\n}\n\n.omniscribe_config-item:focus {\n  outline: none;\n  background-color: #f3f4f6;\n}\n\n.omniscribe_config-item:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_config-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n}\n\n.omniscribe_config-icon {\n  color: #4a5364;\n}\n\n.omniscribe_config-item-content {\n  flex: 1;\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_config-item-title {\n  margin: 0;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: #252a32;\n}\n\n.omniscribe_config-item-description {\n  margin: 0;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: #4a5364;\n}\n\n.omniscribe_config-item-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9ca3af;\n  flex-shrink: 0;\n}\n\n/* Sub-screen styles */\n.omniscribe_config-subscreen-header {\n  display: flex;\n  align-items: center;\n  padding: 16px 16px 8px 16px;\n}\n\n.omniscribe_config-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_config-subscreen-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: #252a32;\n  line-height: 21.6px;\n}\n\n.omniscribe_config-subscreen-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  min-height: 0; /* Permite que los hijos se compriman */\n  box-sizing: border-box; /* Incluye padding en el cálculo */\n}\n\n.omniscribe_config-subscreen-content.no-border {\n  /* no-border variant */\n}\n\n.omniscribe_config-subscreen-content-template {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 50px;\n}\n\n.omniscribe_config-section-label {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #374151;\n  line-height: 1.4;\n}\n\n.omniscribe_config-language-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_config-language-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #374151;\n  margin-bottom: 8px;\n}\n\n.omniscribe_config-subscreen-description {\n  margin: 0 0 0 0;\n  font-size: 14px;\n  line-height: 18px;\n  color: #13161a;\n  font-weight: 400;\n}\n\n/* Dictionary Options View Styles */\n.omniscribe_config-dictionary-section {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.omniscribe_config-dictionary-add-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_config-dictionary-input-row {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.omniscribe_config-dictionary-input {\n  height: 32px;\n  border: 1px solid #e5e8eb !important;\n  border-radius: 8px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  line-height: 1.4 !important;\n  background-color: #ffffff !important;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease !important;\n}\n\n.omniscribe_config-dictionary-input:focus {\n  outline: none !important;\n  border-color: #4f46e5 !important;\n  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-input::placeholder {\n  color: #9ca3af !important;\n  font-size: 14px !important;\n}\n\n.omniscribe_config-dictionary-input.error {\n  border-color: #dc3545 !important;\n  background-color: #fff5f5 !important;\n}\n\n.omniscribe_config-dictionary-input.error:focus {\n  border-color: #dc3545 !important;\n  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-add-btn {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: 8px;\n  color: var(--primary-foreground);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-top: 0;\n  font-size: 0;\n}\n\n.omniscribe_config-dictionary-add-btn:hover:not(:disabled) {\n  background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  border-color: color-mix(in oklab, var(--primary) 90%, transparent);\n}\n\n.omniscribe_config-dictionary-add-btn:disabled {\n  background-color: #e5e8eb;\n  border-color: #e5e8eb;\n  color: #9ca3af;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.omniscribe_config-dictionary-list {\n  display: flex;\n  padding-top: 16px;\n  flex-direction: column;\n  gap: 8px;\n  max-height: 410px;\n  overflow-y: auto;\n  margin-top: 4px;\n}\n\n.omniscribe_config-dictionary-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background-color: #f9fafb;\n  border: 1px solid #e5e8eb;\n  border-radius: 8px;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_config-dictionary-row:hover {\n  background-color: #f3f4f6;\n  border-color: #d1d5db;\n}\n\n.omniscribe_config-dictionary-cell {\n  flex: 1;\n  font-size: 14px;\n  line-height: 20px;\n  color: #374151;\n  word-break: break-word;\n  font-weight: 500;\n}\n\n.omniscribe_config-dictionary-arrow {\n  color: #9ca3af;\n  font-size: 16px;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.omniscribe_config-dictionary-delete-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  transition: all 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-dictionary-delete-btn:hover {\n  background-color: #fee2e2;\n  color: #dc2626;\n  transform: scale(1.05);\n}\n\n.omniscribe_config-dictionary-empty {\n  padding: 40px 16px;\n  margin-top: 16px;\n  text-align: center;\n  color: #6b7280;\n  font-size: 14px;\n  line-height: 20px;\n  background-color: #f9fafb;\n  border: 2px dashed #e5e8eb;\n  border-radius: 12px;\n  font-style: italic;\n}\n\n/* Template specific styles */\n\n/* General prompt section */\n.omniscribe_template-general-prompt-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n\n.omniscribe_template-section-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #374151;\n  line-height: 1.4;\n}\n\n.omniscribe_template-section-subtitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  color: #6b7280;\n  line-height: 1.4;\n}\n\n.omniscribe_template-general-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 200px;\n  padding: 12px;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: #374151;\n  background-color: white;\n  resize: vertical;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_template-general-prompt-textarea::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.omniscribe_template-general-prompt-textarea:focus {\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n/* Fields section */\n.omniscribe_template-fields-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n}\n\n.omniscribe_template-field {\n  background: white;\n  border-bottom: 1px solid #e1e8ed;\n  margin-bottom: 0;\n}\n\n.omniscribe_template-field:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_template-field-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  background: #ffffff;\n}\n\n.omniscribe_template-field-checkbox {\n  background: none;\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-label {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 500;\n  color: #2c3e50;\n}\n\n.omniscribe_template-field-prompt-btn {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-prompt-btn:hover {\n  background-color: #f3f4f6;\n}\n\n.omniscribe_template-field-content {\n  padding: 0 0 12px 34px;\n  background: white;\n}\n\n.omniscribe_template-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 300px;\n  padding: 12px;\n  border: 1px solid #e1e8ed;\n  border-radius: 6px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  background: white;\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n\n.omniscribe_template-textarea:focus {\n  outline: none;\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n.omniscribe_template-character-count {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #95a5a6;\n  display: flex;\n}\n\n/* Template fields container */\n.omniscribe_template-fields {\n  display: flex;\n  flex-direction: column;\n  background: white;\n}\n\n/* Improved scrollbar for template fields */\n.omniscribe_template-fields::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb {\n  background: #c1c1c1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb:hover {\n  background: #a8a8a8;\n}\n\n.omniscribe_config-version-section {\n  background: #f6f7f9;\n  color: #4a5364;\n  padding: 8px 24px;\n  font-weight: 700;\n  line-height: 16.8px;\n  font-size: 14px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n\n/* Source: modules/transcription/components/audio-visualizer/AudioVisualizer.css */\n.omniscribe_audio-visualizer-container {\n  display: flex;\n  border-radius: var(--radius-md);\n  width: calc(var(--spacing) * 60);\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  background: transparent;\n  overflow: hidden;\n}\n\n.omniscribe_audio-visualizer-subcontainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_audio-visualizer-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding-inline: 1px;\n  margin-top: 0.25rem;\n}\n\n.omniscribe_audio-visualizer-item {\n  width: 2px;\n  height: 2px;\n  background-color: rgba(48, 54, 68, 0.85);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 50ms;\n}\n\n.lk-audio-bar-visualizer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: var(--lk-bg);\n  gap: var(--lk-va-bar-gap, 24px);\n}\n.lk-audio-bar-visualizer > .lk-audio-bar {\n  transform-origin: 'center';\n  height: 100%;\n  width: var(--lk-va-bar-width, 12px);\n  border-radius: var(--lk-va-bar-border-radius, 32px);\n  background-color: var(--lk-va-bar-bg, rgba(136, 136, 136, 0.2));\n  transition: background-color 0.25s ease-out;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='speaking'] > .lk-audio-bar,\n.lk-audio-bar-visualizer > .lk-audio-bar.lk-highlighted,\n.lk-audio-bar-visualizer > [data-lk-highlighted='true'] {\n  background-color: var(--lk-fg, rgb(136, 136, 136));\n  transition: none;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='thinking'] {\n  transition: background-color 0.15s ease-out;\n}\n\n\n/* Source: modules/transcription/components/content-container/content-containter.css */\n.omniscribe_audio-content-container {\n  background-color: var(--white);\n  width: -webkit-fill-available;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n}\n\n.omniscribe_audio-content-messages {\n  color: var(--black);\n}\n\n.omniscribe_transcription-footer-container {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  padding-bottom: calc(var(--spacing) * 3);\n}\n\n.omniscribe_audio-content-render {\n  color: var(--black);\n  font-weight: var(--font-weight-medium);\n  padding-block: 0.5rem;\n  padding-inline: 0.75rem;\n  margin-bottom: 0.25rem;\n}\n\n.omniscribe_patient {\n  color: #db10c1;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_doctor {\n  color: var(--blue-500);\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_speaker {\n  color: #28a745;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_transcription {\n  color: var(--black);\n}\n\n.omniscribe_transcription-down-btn-container {\n  background-color: white;\n}\n\n.omniscribe_transcription-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Chrome, Safari, Edge (Webkit) */\n.omniscribe_audio-content-container > div::-webkit-scrollbar {\n  width: 6px !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background-color: var(--omni-secondary) !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-track {\n  background-color: transparent !important;\n}\n\n/* Firefox */\n.omniscribe_audio-content-container > div {\n  scrollbar-width: thin !important;\n  scrollbar-color: var(--omni-secondary) transparent !important;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/transcription/components/recorder-counter/RecorderCounter.css */\n.omniscribe_audio-recorder-timer {\n  color: var(--blue-500);\n  font-weight: 600; /* SemiBold */\n  font-style: normal; /* SemiBold is a weight, not a style */\n  font-size: var(--font-size-400); /* design token */\n  line-height: var(--line-height-400); /* design token */\n  letter-spacing: 0;\n  text-align: center;\n}\n\n\n/* Source: modules/transcription/components/report-button/ReportButton.css */\n.omniscribe_report-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.5rem;\n}\n.omniscribe_report-button-width {\n  max-height: 32px;\n  font-size: var(--text-xs) !important;\n}\n.omniscribe_regenerate-button-width {\n  max-height: 32px;\n  background-color: var(--blue-500) !important;\n  font-size: var(--text-xs) !important;\n}\n.omniscribe_regenerate-button-width:hover {\n  background-color: #0c48ad !important; /* darker shade of blue */\n}\n\n\n/* Source: modules/transcription/components/toggle-record/ToggleRecord.css */\n.omniscribe_record-button-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.omniscribe_record-button-classname {\n  background-color: transparent;\n  border: none;\n  padding: 4px;\n}\n\n.omniscribe_record-button {\n  background-color: var(--primary-button);\n  border-radius: 50%;\n  cursor: pointer;\n  width: 56px;\n  height: 56px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  transition-duration: 300ms;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_record-button-enabled {\n  opacity: 100%;\n  pointer-events: auto;\n  scale: 110%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-not-enabled {\n  opacity: 50%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-disabled {\n  opacity: 50%;\n  background-color: dimgray;\n  pointer-events: none;\n}\n\n.omniscribe_record-enabled {\n  width: 50px;\n  height: 50px;\n  background-color: var(--primary-button);\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  position: absolute;\n  z-index: -1;\n  border-radius: calc(infinity * 1px);\n  opacity: 100%;\n}\n\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n\n/* Source: modules/transcription/section/AudioRecorder.css */\n.omniscribe_audio-recorder {\n  align-items: center;\n  padding-block: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  background-color: var(--white);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n}\n\n[dir='ltr'] .omniscribe_audio-recorder {\n  border-bottom-left-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_audio-recorder {\n  border-bottom-right-radius: 12px;\n  border-bottom-left-radius: 0px;\n}\n\n.omniscribe_audio-recorder-container {\n  display: flex;\n  align-items: center;\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  max-height: 42px;\n  border-radius: 9999px;\n  border-width: 1px;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  flex: 1;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n  padding-inline: calc(var(--spacing) * 2);\n}\n\n.omniscribe_audio-recorder-audio-container {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n\n.omniscribe_audio-recorder-refresh-btn {\n  cursor: pointer;\n  background-color: #f6f7f9;\n  border-radius: 100px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease,\n    background-color 0.3s ease;\n  transform: scale(1);\n}\n.omniscribe_audio-recorder-refresh-btn-enabled {\n  pointer-events: auto;\n  opacity: 1;\n\n  &:hover {\n    transform: scale(1.15);\n  }\n}\n.omniscribe_audio-recorder-refresh-btn-disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.omniscribe_audio-recorder-audio-content-container {\n  border: 1px solid #e5e7ec;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-radius: 8px;\n  margin-top: 18px;\n  padding-top: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n}\n.omniscribe_audio-recorder-footer {\n  border-top: 1px solid #e5e7ec;\n  padding-top: 16px;\n  margin-top: 12px;\n  display: flex;\n  width: 100%;\n}\n.omniscribe_audio-recorder-footer-content {\n  padding-inline: calc(var(--spacing) * 4);\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n.omniscribe_audio-recorder-audio-info {\n  font-size: var(--text-xs);\n  line-height: var(--tw-leading, var(--text-xs--line-height));\n  color: #6f7d95;\n  padding-block: 8px;\n}\n\n.omniscribe_audio-recorder-audio-star-icons {\n  display: flex;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_audio-recorder-audio-feedback {\n  color: #a4adbc;\n}\n\n.omniscribe_audio-recorder-refresh-icon {\n  color: #252a32;\n}\n\n.omniscribe_audio-recorder-star-icon {\n  cursor: pointer;\n  display: inline-block;\n}\n\n\n/* Source: shared/components/Card.css */\n.omniscribe_card {\n  background-color: var(--color-card, #ffffff);\n  color: var(--color-card-foreground, #000000);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  border-radius: 0.75rem;\n  border: 1px solid var(--color-border, var(--grey-200));\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.omniscribe_card-header {\n  container-type: inline-size;\n  container-name: card-header;\n  display: grid;\n  grid-auto-rows: min-content;\n  grid-template-rows: auto auto;\n  align-items: start;\n  gap: 0.375rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n/* When card-header has card-action, adjust grid layout */\n.omniscribe_card-header:has([data-slot='card-action']) {\n  grid-template-columns: 1fr auto;\n}\n\n/* When card-header has border-b class, add padding bottom */\n.omniscribe_card-header.border-b {\n  padding-bottom: 1.5rem;\n}\n\n.omniscribe_card-title {\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_card-description {\n  color: var(--color-muted-foreground, #6b7280);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.omniscribe_card-action {\n  grid-column-start: 2;\n  grid-row: span 2 / span 2;\n  grid-row-start: 1;\n  align-self: start;\n  justify-self: end;\n}\n\n.omniscribe_card-content {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer {\n  display: flex;\n  align-items: center;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer.border-t {\n  padding-top: 1.5rem;\n}\n\n\n/* Source: shared/components/app-skeleton.css */\n.omniscribe_app-skeleton {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--white);\n  border-radius: 12px;\n}\n\n/* Header */\n.omniscribe_app-skeleton-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-header-left,\n.omniscribe_app-skeleton-header-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_app-skeleton-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n}\n\n.omniscribe_app-skeleton-title {\n  width: 48px;\n  height: 20px;\n  border-radius: 4px;\n}\n\n.omniscribe_app-skeleton-badge {\n  width: 150px;\n  height: 32px;\n  border-radius: 99999px;\n}\n\n/* Disclaimer banner */\n.omniscribe_app-skeleton-banner {\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-banner-text {\n  width: 100%;\n  height: 16px;\n  border-radius: 4px;\n}\n\n/* Content */\n.omniscribe_app-skeleton-content {\n  flex: 1;\n  padding: 20px;\n}\n\n.omniscribe_app-skeleton-welcome {\n  width: 240px;\n  height: 28px;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n\n.omniscribe_app-skeleton-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_app-skeleton-suggestion {\n  height: 25px;\n  border-radius: 99999px;\n}\n\n.omniscribe_app-skeleton-suggestion--long {\n  width: 320px;\n}\n\n.omniscribe_app-skeleton-suggestion--longer {\n  width: 380px;\n}\n\n.omniscribe_app-skeleton-suggestion--medium {\n  width: 280px;\n}\n\n/* Bottom bar */\n.omniscribe_app-skeleton-bottom {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border-top: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-transcribe-btn {\n  width: 140px;\n  height: 40px;\n  border-radius: 99999px;\n  flex-shrink: 0;\n}\n\n.omniscribe_app-skeleton-input {\n  flex: 1;\n  height: 40px;\n  border-radius: 99999px;\n}\n\n\n/* Source: shared/components/button.css */\n.omniscribe_button {\n  border: none;\n  background: transparent;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spacing) * 2);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &:disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 50%;\n  }\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: calc(var(--spacing) * 4) /* 1rem = 16px */;\n    height: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    box-shadow: 0 0 0 calc(3px + var(--tw-ring-offset-width))\n      color-mix(in oklab, var(--ring) 50%, transparent);\n  }\n  &[aria-invalid='true'] {\n    border-color: var(--destructive);\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n\n.omniscribe_button-variant-default {\n  background-color: var(--primary);\n  color: var(--primary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  }\n}\n.omniscribe_button-variant-destructive {\n  background-color: var(--destructive);\n  color: var(--white);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n  }\n  &:focus-visible {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n.omniscribe_button-variant-outline {\n  border: solid 1px var(--input);\n  background-color: var(--background);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--accent);\n    color: var(--accent-foreground);\n  }\n}\n.omniscribe_button-variant-icon {\n  align-items: center;\n  border-radius: 100%;\n  padding: 10px;\n  & svg {\n    pointer-events: auto;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: auto;\n    height: auto;\n  }\n}\n.omniscribe_button-variant-secondadry {\n  background-color: var(--secondary);\n  pointer-events: cursor;\n  cursor: pointer;\n  color: var(--secondary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--secondary-hover) !important;\n  }\n  &:disabled {\n    background-color: #edeff2;\n    cursor: not-allowed;\n    color: #d5d9e0;\n  }\n}\n.omniscribe_button-variant-ghost:hover {\n  background-color: var(--accent);\n  color: var(--accent-foreground);\n}\n.omniscribe_button-variant-empty {\n  cursor: pointer;\n}\n.omniscribe_button-variant-primary {\n  cursor: pointer;\n  background-color: var(--primary-button);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px !important;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(\n      in oklab,\n      var(--primary-button) 60%,\n      transparent\n    );\n  }\n}\n.omniscribe_button-size-default {\n  height: calc(var(--spacing) * 9);\n  padding-inline: calc(var(--spacing) * 4);\n  padding-block: calc(var(--spacing) * 2);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 3) /* 0.75rem = 12px */;\n  }\n}\n.omniscribe_button-size-sm {\n  height: calc(var(--spacing) * 8);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  gap: calc(var(--spacing) * 1.5) /* 0.375rem = 6px */;\n  padding-inline: calc(var(--spacing) * 3);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n}\n\n.omniscribe_button-size-lg {\n  height: calc(var(--spacing) * 10);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  padding-inline: calc(var(--spacing) * 6);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n}\n\n.omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 5);\n  width: calc(var(--spacing) * 5);\n}\n.omniscribe_button-size-padding {\n  padding: calc(var(--spacing) * 2);\n  min-width: calc(var(--spacing) * 40);\n}\n\n.omniscribe_button-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height);\n}\n.omniscribe_button-whitespace {\n  white-space: nowrap;\n}\n.omniscribe_button-rounded {\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n.omniscribe_button-disabled {\n  pointer-events: none;\n}\n.omniscribe_button-loading {\n  opacity: 50%;\n}\n.omniscribe_button-animate-spin {\n  animation: spin 1s linear infinite;\n}\n.omniscribe_button-variant-report {\n  cursor: pointer;\n  background-color: var(--report);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(in oklab, var(--report) 60%, transparent);\n  }\n}\n\n\n/* Source: shared/components/feedback-modal.css */\n.omniscribe_feedback-modal {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-top: 8px;\n  min-width: 200px;\n  width: 200px;\n  transform-origin: top left;\n}\n\n.omniscribe_feedback-input-container {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n}\n\n.omniscribe_feedback-textarea {\n  flex: 1;\n  border: transparent;\n  border-radius: 8px;\n  padding: 12px 12px 12px 12px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  resize: none;\n  min-height: 20px;\n  max-height: 200px;\n  overflow-y: auto;\n  font-family: inherit;\n  line-height: 1.4;\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_feedback-textarea-padding {\n  margin-bottom: 34px;\n  padding-bottom: 0px !important;\n}\n\n.omniscribe_feedback-icons {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_feedback-icons:has(.omniscribe_feedback-send) {\n  bottom: 8px;\n  top: auto;\n  transform: none;\n}\n\n.omniscribe_feedback-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-close:hover {\n  background-color: #f3f4f6;\n  color: #374151;\n}\n\n.omniscribe_feedback-close svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-send {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue-500);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-send:hover {\n  background-color: #f0f7ff;\n  color: #0d47a1;\n}\n\n.omniscribe_feedback-send svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-confirmation {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-top: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n.omniscribe_feedback-confirmation-icon {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Right-positioned modal styles */\n.omniscribe_feedback-modal-right {\n  position: absolute;\n  top: 7px;\n  left: 17%;\n  z-index: 10000;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-left: 8px;\n  width: 200px;\n  transform-origin: bottom left;\n}\n\n.omniscribe_feedback-sending-center {\n  top: 100%;\n  left: 0;\n}\n\n.omniscribe_feedback-sending-right {\n  top: 20px;\n  left: 17%;\n}\n\n.omniscribe_feedback-sending {\n  position: absolute;\n  z-index: 10000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.omniscribe_feedback-confirmation-right {\n  position: absolute;\n  top: 20px;\n  left: 17%;\n  z-index: 10000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n@keyframes fadeInOut {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  10% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  90% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n}\n\n\n/* Source: shared/components/input.css */\n.omniscribe_input {\n  height: calc(var(--spacing) * 9);\n  width: 100%;\n  display: flex;\n  border-radius: calc(var(--radius));\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 1);\n  font-size: var(--text-base) /* 1rem = 16px */;\n  line-height: var(--text-base--line-height);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &::file-selector-button {\n    color: var(--foreground);\n    display: inline-flex;\n    height: calc(var(--spacing) * 7);\n    border: none;\n    background-color: transparent;\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n    font-weight: var(--font-weight-medium);\n  }\n  &::placeholder {\n    color: var(--muted-foreground);\n  }\n  &::selection {\n    background-color: var(--primary);\n    color: var(--primary-foreground);\n  }\n  &:disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  @media (width >= 48rem /* 768px */) {\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  }\n}\n\n.omniscribe_input-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_input.invalid {\n  border-color: #dc3545;\n  background-color: #fff5f5;\n  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.25);\n}\n\n.omniscribe_input-error {\n  color: #dc3545;\n  font-size: 10px;\n  margin-block: 0.25rem;\n  display: block;\n  line-height: 1;\n}\n\n\n/* Source: shared/components/loading-modal.css */\n.omniscribe_loading-modal-container {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n.omniscribe_loading-modal-subcontainer {\n  background-color: var(--white);\n  padding: calc(var(--spacing) * 8);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  text-align: center;\n  max-width: var(--container-md);\n}\n.omniscribe_loading-modal-msg {\n  font-size: var(--text-xl) /* 1.25rem = 20px */;\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin-bottom: calc(var(--spacing) * 4);\n}\n.omniscribe_loading-modal-spin {\n  display: inline-block;\n  width: calc(var(--spacing) * 12);\n  height: calc(var(--spacing) * 12);\n  border: solid 4px var(--color-gray-200);\n  border-top-color: var(--blue-500);\n  border-radius: calc(infinity * 1px);\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_app-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n\n/* Source: shared/components/modal.css */\n.omniscribe_modal-overlay {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n\n.omniscribe_modal-container {\n  position: relative;\n  background-color: var(--white);\n  z-index: 100;\n  border-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  padding: calc(var(--spacing) * 5);\n  transition-duration: 300ms;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  max-width: 90vw;\n  max-height: 90vh;\n}\n.omniscribe_modal-container-scroll {\n  overflow: auto;\n}\n\n.omniscribe_modal-container-show {\n  opacity: 100%;\n}\n\n.omniscribe_modal-container-hide {\n  opacity: 0%;\n}\n\n.omniscribe_modal-subcontainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_modal-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: calc(var(--spacing) * 2);\n}\n\n.omniscribe_modal-title {\n  font-size: var(--text-3xl); /* 1.875rem = 30px */\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin: 0;\n}\n\n.omniscribe_modal-button {\n  border: none;\n  background: transparent;\n  line-height: var(--text-2xl--line-height);\n  cursor: pointer;\n  color: var(--black);\n}\n\n@media (min-width: 768px) {\n  .omniscribe_modal-container {\n    max-width: 60vw;\n  }\n}\n\n/* Large screens: desktop */\n@media (min-width: 1024px) {\n  .omniscribe_modal-container {\n    max-width: 50vw;\n  }\n}\n\n/* Very large screens: large desktop and ultra-wide */\n@media (min-width: 1440px) {\n  .omniscribe_modal-container {\n    max-width: 40vw;\n  }\n}\n\n/* Intermediate breakpoint: large tablets */\n@media (min-width: 640px) and (max-width: 767px) {\n  .omniscribe_modal-container {\n    max-width: 70vw;\n  }\n}\n\n\n/* Source: shared/components/select.css */\n.omniscribe_select-container {\n  position: relative;\n  width: 100%;\n  padding-block: calc(var(--spacing) * 3);\n}\n.omniscribe_select-button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: calc(var(--spacing) * 3);\n  background-color: var(--white);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: solid 1px var(--light-border);\n  cursor: pointer;\n}\n.omniscribe_select-text {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2);\n}\n.omniscribe_select-content-container {\n  position: absolute;\n  width: 100%;\n  margin-top: calc(var(--spacing) * 2);\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  bottom: calc(var(--spacing) * 15);\n  padding-inline: calc(var(--spacing) * 1);\n  padding-block: calc(var(--spacing) * 0.5);\n  z-index: 9999;\n}\n.omniscribe_select-content-ul {\n  overflow-y: scroll;\n  max-height: calc(var(--spacing) * 44);\n  padding-inline: 5px;\n}\n.omniscribe_select-content-li {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(var(--spacing) * 3);\n  cursor: pointer;\n  &:hover {\n    @media (hover: hover) {\n      background-color: var(--color-gray-100);\n    }\n  }\n}\n.omniscribe_select-check-icon {\n  width: calc(var(--spacing) * 5);\n  height: calc(var(--spacing) * 5);\n  color: var(--color-slate-500) /* oklch(55.4% 0.046 257.417) = #62748e */;\n}\n.omniscribe_select-content-li-span {\n  display: flex;\n  align-items: center;\n  gap: calc(0.25rem /* 4px */ * 2);\n}\n\n\n/* Source: shared/components/separator.css */\n/* Separator Component Styles */\n.omniscribe_separator {\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  flex-shrink: 0;\n}\n\n.omniscribe_separator--horizontal {\n  height: 0;\n  width: 100%;\n  border-top: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-right: none;\n  border-bottom: none;\n  border-left: none;\n}\n\n.omniscribe_separator--vertical {\n  width: 0;\n  height: 100%;\n  border-left: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-top: none;\n  border-right: none;\n  border-bottom: none;\n}\n\n\n/* Source: shared/components/skeleton.css */\n.omniscribe_skeleton {\n  background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n\n\n/* Source: shared/components/textarea.css */\n.omniscribe_textarea-default {\n  display: flex;\n  min-height: calc(var(--spacing) * 16);\n  width: -webkit-fill-available;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 2);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  &::placeholder {\n    color: var(--muted-foreground);\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n}\n\n.omniscribe_textarea-secondary {\n  padding: calc(var(--spacing) * 3.5);\n  padding-bottom: calc(var(--spacing) * 0);\n  border-style: none;\n  background-color: transparent;\n  resize: none;\n  &:focus {\n    outline-style: none;\n  }\n}\n.omniscribe_textarea-general {\n  font-family: 'Lato', sans-serif;\n  font-size: var(--font-size-100);\n  outline: none;\n}\n\n\n/* Source: shared/components/toast.css */\n.omniscribe_toast-container {\n  position: fixed;\n  bottom: calc(var(--spacing) * 5);\n  top: calc(var(--spacing) * -30);\n  border-radius: var(--radius);\n  padding: calc(var(--spacing) * 4);\n  height: fit-content;\n  transition-duration: 500ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  width: calc(var(--spacing) * 120);\n}\n\n.omniscribe_toast-container-danger {\n  background-color: var(--color-red-500);\n}\n.omniscribe_toast-container-black {\n  background-color: var(--black);\n}\n.omniscribe_toast-container-show {\n  right: calc(var(--spacing) * 10);\n}\n.omniscribe_toast-container-hide {\n  right: -100%;\n}\n.omniscribe_toast-subcontainer {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  display: flex;\n  flex-direction: column;\n  color: var(--white);\n}\n.omniscribe_toast-title {\n  font-size: 18px;\n  font-weight: var(--font-weight-bold);\n}\n.omniscribe_toast-msg {\n  font-size: 16px;\n}\n\n\n/* Source: shared/components/toggle.css */\n.omniscribe_toggle-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  flex-direction: column;\n}\n\n.omniscribe_toggle-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: #374151;\n  flex: 1;\n}\n\n.omniscribe_toggle-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_toggle-switch {\n  position: relative;\n  width: 29px;\n  height: 16px;\n  background-color: #d1d5db;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  outline: none;\n}\n\n.omniscribe_toggle-switch:focus-visible {\n  box-shadow: 0 0 0 2px #132caa;\n}\n\n.omniscribe_toggle-switch-checked {\n  background-color: #132caa;\n}\n\n.omniscribe_toggle-switch-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_toggle-thumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  background-color: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_toggle-switch-checked .omniscribe_toggle-thumb {\n  transform: translateX(13px);\n}\n\n.omniscribe_toggle-status {\n  font-size: 14px;\n  font-weight: 500;\n  color: #6b7280;\n  min-width: 70px;\n}\n\n.omniscribe_toggle-switch-checked + .omniscribe_toggle-status {\n  color: #4a5364;\n}\n\n\n/* Source: shared/components/tooltip.css */\n.tooltip-base {\n  position: fixed;\n  z-index: 9999;\n  border-radius: 0.375rem; /* rounded-md */\n  background-color: #111827;\n  padding: 0.5rem 0.75rem; /* px-3 py-2 */\n  font-size: 0.875rem; /* text-sm */\n  font-family: 'Lato', sans-serif;\n  color: #ffffff; /* text-white */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */\n  transition: opacity 0.2s ease-in-out; /* transition-opacity duration-200 */\n  pointer-events: none;\n  user-select: none;\n  word-wrap: break-word;\n  line-height: 1.4;\n}\n\n/* Tooltip Arrow Styles */\n.tooltip-arrow {\n  position: absolute;\n  width: 0.5rem; /* w-2 */\n  height: 0.5rem; /* h-2 */\n  background-color: #111827;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning for each side */\n.tooltip-arrow-top {\n  bottom: -0.25rem; /* bottom-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-bottom {\n  top: -0.25rem; /* top-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-left {\n  right: -0.25rem; /* right-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-right {\n  left: -0.25rem; /* left-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n/* Width classes based on message length */\n.tooltip-width-auto {\n  width: auto;\n  white-space: nowrap;\n}\n\n.tooltip-width-200 {\n  width: auto;\n  max-width: 200px;\n}\n\n.tooltip-width-xs {\n  width: auto;\n  max-width: 20rem; /* max-w-xs */\n}\n\n.tooltip-width-sm {\n  width: auto;\n  max-width: 24rem; /* max-w-sm */\n}\n\n.tooltip-width-400 {\n  width: auto;\n  max-width: 400px;\n}\n\n/* Trigger container styles */\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n/* Animation classes */\n.tooltip-enter {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.tooltip-enter-active {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n\n.tooltip-exit {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.tooltip-exit-active {\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity 0.15s ease-in-out,\n    transform 0.15s ease-in-out;\n}\n\n/* Dark theme variant */\n.tooltip-dark {\n  background-color: #1f2937; /* bg-gray-800 */\n  color: var(--grey-50);\n}\n\n.tooltip-dark .tooltip-arrow {\n  background-color: #1f2937;\n}\n\n/* Light theme variant */\n.tooltip-light {\n  background-color: #ffffff;\n  color: #374151; /* text-gray-700 */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05),\n    0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n\n.tooltip-light .tooltip-arrow {\n  background-color: #ffffff;\n}\n\n/* Responsive breakpoints */\n@media (max-width: 640px) {\n  .tooltip-base {\n    max-width: calc(100vw - 2rem);\n    font-size: 0.8125rem; /* Slightly smaller on mobile */\n  }\n\n  .tooltip-width-400,\n  .tooltip-width-sm,\n  .tooltip-width-xs {\n    max-width: calc(100vw - 2rem);\n  }\n}\n\n/* High contrast mode support */\n@media (prefers-contrast: high) {\n  .tooltip-base {\n    border: 2px solid #ffffff;\n  }\n\n  .tooltip-light {\n    border: 2px solid #000000;\n  }\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-base,\n  .tooltip-enter-active,\n  .tooltip-exit-active {\n    transition: none;\n  }\n}\n\n\n/* Source: test/mocks/empty.css */\n/* Empty CSS file for mocking styles */\n";
+	const injectedCss = "/* Source: index.css */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\n\n#Omniscribe {\n  font-family: 'Lato', sans-serif;\n  /* define colors */\n  --active: #0a3785;\n  --background-primary: #e7effd;\n  --warning: #ffc107;\n  --grey-50: #f9fafb;\n  --grey-100: #f6f7f9;\n  --grey-200: #e5e7eb;\n  --grey-700: #6f7d95;\n  --grey-800: #4a5364;\n  --grey-900: #252a32;\n  --active-black: #252a32;\n  --placeholder: #a4adbc;\n  --line: #e5e7ec;\n  --custom-black: #13161a;\n  --primary: #105bdb;\n  --border: #e5e7ec;\n  --white: #fdfdfd;\n  --omni: #daf2ff;\n  --omni-secondary: rgba(219, 219, 219, 0.75);\n  --primary-button: #105bdb;\n  --primary-text: #36a3cf;\n  --primary-900: #061044;\n  --blue-100: #dbeafe;\n  --blue-200: #bfdbfe;\n  --blue-500: #105bdb;\n  --blue-600: #2563eb;\n  --blue-700: #1d4ed8;\n  --report: var(--primary-button);\n  --gray: #616161;\n  --black: #1b2125;\n  --sky-blue: #dbecff;\n  --blue: #5886ba;\n  --blue-600: #0b1962;\n  --background: #f3f3f3bb;\n  --foreground: oklch(0.145 0 0);\n  --primary: #061044;\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: #132caa;\n  --secondary-foreground: #fff;\n  --secondary-hover: #2847e7;\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.577 0.245 27.325);\n  --light-border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.87 0 0);\n  --radius: 0.625rem;\n  /* TEXT */\n  --text-3xs: 8px;\n  --text-3xs--line-height: calc(0.5 / 0.25);\n  --text-2xs: 10px;\n  --text-2xs--line-height: calc(0.75 / 0.5);\n  --text-xs: 12px;\n  --text-xs--line-height: 14.4px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-sm: 14px;\n  --text-sm--line-height: 16.8px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-base: 16px;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 18px;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 20px;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 22px;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 24px;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 26px;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 28px;\n  --text-5xl--line-height: 1;\n  --text-6xl: 30px;\n  --text-6xl--line-height: 1;\n  --text-7xl: 32px;\n  --text-7xl--line-height: 1;\n  --text-8xl: 34px;\n  --text-8xl--line-height: 1;\n  --text-9xl: 46px;\n  --text-9xl--line-height: 1;\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n  /* custom colors */\n  --color-white: var(--white);\n  --color-light-border: var(--light-border);\n  --color-omni: var(--omni);\n  --color-report: var(--report);\n  --color-omni-secondary: var(--omni-secondary);\n  --color-primary-text: var(--primary-text);\n  --color-primary-900: var(--primary-900);\n  --color-blue-500: var(--blue-500);\n  --color-gray: var(--gray);\n  --color-black: var(--black);\n  --color-sky-blue: var(--sky-blue);\n  --color-cream: var(--cream);\n  --color-pink: var(--pink);\n  --color-blue: var(--blue);\n  --color-blue-600: var(--blue-600);\n  --color-sky-blue-100: var(--sky-blue-100);\n  --color-white-2: var(--white-2);\n  --color-primary-700: var(--primary-700);\n  --color-primary-500: var(--primary-500);\n  --color-neutral-800: var(--neutral-800);\n  --color-blue-2: var(--blue-2);\n  --color-light-blue: var(--light-blue);\n  --color-primary-100: var(--primary-100);\n  --color-primary-300: var(--primary-300);\n  --color-black-2: var(--black-2);\n  --color-primary-button: var(--primary-button);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n  /* rounded */\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: 12px;\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  /* spacing */\n  --spacing-layout-w: var(--layout-w);\n  --spacing-layout-h: var(--layout-h);\n  --spacing: 0.25rem;\n  /* size */\n  --container-md: 28rem;\n  --container-xl: 36rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n\n  --tracking-tight: -0.025em;\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-spin: spin 1s linear infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: var(--font-sans);\n  --default-mono-font-family: var(--font-mono);\n\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n  a,\n  p,\n  textarea,\n  button,\n  span,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  div {\n    font-family: 'Lato', sans-serif;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .no-scrollbar {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n  .shadow-inner-right {\n    box-shadow: inset -9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .shadow-inner-left {\n    box-shadow: inset 9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .annotation {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .annotation-semi {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .annotation-bold {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info {\n    font-size: var(--text-2xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .info-semi {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info-bold {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-xs {\n    font-size: var(--text-xs) !important;\n    font-weight: var(--font-weight-normal);\n    line-height: var(--text-xs--line-height);\n    letter-spacing: var(--text-xs--letter-spacing);\n  }\n  .text-p {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-normal);\n    letter-spacing: var(--text-sm--letter-spacing);\n  }\n  .text-p-semi {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-bold {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .omniscribe_shadow-xl {\n    box-shadow:\n      0 20px 25px -5px rgb(0 0 0 / 0.1),\n      0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n  .scrollbar-pretty {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      background-color: var(--omni-secondary);\n    }\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n\n  .omniscribe_visible {\n    visibility: visible;\n    display: flex;\n    flex: 1;\n  }\n  .omniscribe_hidden {\n    display: none;\n    height: 0;\n  }\n\n  .omniscribe_animate-spin {\n    animation: spin 1s linear infinite;\n  }\n}\n\n\n/* Source: modules/chat/components/ChatView.css */\n.omniscribe_chat-view-container {\n  flex: 1;\n  border-style: none;\n  display: flex;\n  overflow: hidden;\n  background: transparent;\n  bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  margin-block: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  right: 20px;\n  border-bottom-left-radius: 12px;\n  width: 100%;\n}\n\n.omniscribe_chat-view-container-history-cont {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  z-index: 30;\n  height: 100%;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  display: block;\n  border-top-left-radius: 12px;\n  border-bottom-left-radius: 12px;\n  overflow: hidden;\n  background-color: white;\n  transition:\n    width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    min-width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.omniscribe_chat-view-container-history-cont-open {\n  width: 33%;\n}\n\n/* Overlay that covers the chat when history is open */\n.omniscribe_chat-view-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  z-index: 25;\n  opacity: 0;\n  pointer-events: none;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-radius: 12px;\n}\n\n.omniscribe_chat-view-overlay-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.omniscribe_chat-view-content-container {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  position: relative;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-stick-to-bottom {\n  font-size: 14px;\n}\n.omniscribe_chat-view-stick-to-bottom-content {\n  position: absolute;\n  inset: 0;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  display: grid;\n  grid-template-rows: 1fr auto;\n}\n\n/* Disable scroll when SummaryLoading is shown */\n.omniscribe_chat-view-stick-to-bottom-content--no-scroll {\n  overflow-y: hidden;\n}\n\n.omniscribe_chat-view-stick-to-bottom-content-class {\n  padding-bottom: calc(var(--spacing) * 13);\n  display: flex;\n  flex-direction: column;\n  padding-left: calc(var(--spacing) * 4);\n  padding-right: calc(var(--spacing) * 4);\n  min-width: 0;\n  padding-top: 12px;\n}\n\n.omniscribe_chat-view-footer-container {\n  position: sticky;\n  display: flex;\n  background-color: white;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-footer-scroll-to-bottom {\n  position: fixed;\n  bottom: 17%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.omniscribe_chat-view-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Combined Footer - Frame 532 Design */\n.omniscribe_chat-view-combined-footer {\n  width: 100%;\n  padding-bottom: 12px;\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n}\n\n/* Footer swap - crossfade between expanded/collapsed rows */\n.omniscribe_chat-view-footer-swap {\n  position: relative;\n}\n\n.omniscribe_chat-view-footer-swap-layer {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-footer-swap-layer--visible {\n  opacity: 1;\n  pointer-events: auto;\n  transition: opacity 0.3s ease;\n}\n\n/* Hide the inactive layer so it doesn't take space */\n.omniscribe_chat-view-footer-swap-layer:not(\n    .omniscribe_chat-view-footer-swap-layer--visible\n  ) {\n  position: absolute;\n  inset: 0;\n}\n\n.omniscribe_chat-view-combined-footer-row {\n  display: flex;\n  flex-direction: row;\n  align-items: end;\n  box-sizing: border-box;\n  width: 100%;\n  gap: 8px;\n  flex-shrink: 0;\n  background-color: white;\n  overflow: hidden;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-top: 7px;\n}\n\n/* Frame 34 - Input container */\n.omniscribe_chat-view-combined-input-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  padding: 8px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 20px;\n  background-color: white;\n  gap: 0;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n  box-sizing: border-box;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-right: 1px;\n}\n\n/* When files are attached, change border-radius to rounded rectangle */\n.omniscribe_chat-view-combined-input-container--with-files {\n  border-radius: 20px;\n  gap: 12px;\n  align-items: flex-start;\n  min-width: 0;\n  max-width: 462px;\n  overflow: hidden;\n}\n\n/* Files row inside input container - horizontal scroll, no wrapping */\n.omniscribe_chat-view-combined-files-row {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: 4px;\n  scrollbar-width: thin;\n  min-width: 0;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar {\n  height: 4px;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-thumb {\n  background-color: var(--color-gray-300, #d1d5db);\n  border-radius: 4px;\n}\n\n/* Input row with clip icon, textarea, and action button */\n.omniscribe_chat-view-combined-input-row {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 4px;\n}\n\n/* Clip icon */\n.omniscribe_chat-view-combined-clip-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border: solid 1px #e5e7ec;\n}\n\n.omniscribe_chat-view-combined-clip-icon:hover {\n  background-color: #e5e7eb;\n  color: var(--color-gray-600);\n}\n\n/* Action button inside input */\n.omniscribe_chat-view-combined-action-btn {\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-textarea {\n  flex: 1;\n  resize: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  min-height: 20px;\n  max-height: 56px;\n  font-weight: 500 !important;\n  padding: 0 !important;\n  background: transparent;\n  color: #4a5364;\n  height: 20px;\n}\n\n.omniscribe_chat-view-combined-textarea::placeholder {\n  color: var(--color-gray-400, #9ca3af);\n}\n\n.omniscribe_chat-view-combined-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 9999px;\n  background-color: #132caa;\n  color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn:hover:not(:disabled) {\n  background-color: #2847e7;\n}\n\n.omniscribe_chat-view-combined-send-btn:disabled {\n  background-color: #dfe2e7;\n  cursor: not-allowed;\n}\n\n/* Stop button - red variant of send button */\n.omniscribe_chat-view-combined-stop-btn {\n  background-color: #132caa;\n}\n\n.omniscribe_chat-view-combined-stop-btn:hover {\n  background-color: #132caa;\n}\n\n/* Drag-and-drop overlay */\n.omniscribe_chat-view-drag-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(37, 99, 235, 0.05);\n  border: 2px dashed var(--blue-600, #2563eb);\n  border-radius: var(--radius);\n  z-index: 10;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-drag-overlay-text {\n  color: var(--blue-600, #2563eb);\n  font-size: var(--text-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n\n/* Source: modules/chat/components/FileLimitBanner.css */\n/* File Limit Banner */\n.omniscribe_file-limit-banner {\n  position: fixed;\n  top: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  background-color: #dc2626;\n  color: white;\n  border-radius: 12px;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  animation:\n    slideInFromTop 0.3s ease-out,\n    slideOutToTop 0.3s ease-in 4.7s;\n  animation-fill-mode: forwards;\n  width: auto;\n  max-width: 90vw;\n  padding: 0;\n  margin: 0 auto;\n}\n\n.omniscribe_file-limit-banner-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 20px;\n  gap: 12px;\n  white-space: nowrap;\n}\n\n.omniscribe_file-limit-banner-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white;\n}\n\n.omniscribe_file-limit-banner-message {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.omniscribe_file-limit-banner-close {\n  background: none;\n  border: none;\n  color: white;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.omniscribe_file-limit-banner-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.omniscribe_file-limit-banner-close svg {\n  width: 16px;\n  height: 16px;\n}\n\n/* Animations */\n@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes slideOutToTop {\n  0% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n}\n\n\n/* Source: modules/chat/components/PredefinedQuestions.css */\n.omniscribe_predefined-questions-container {\n  margin-top: calc(var(--spacing) * 2) /* 1rem = 16px */;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_predefined-questions-span {\n  color: #13161a;\n  line-height: 21.6px;\n  font-size: 18px !important;\n  font-weight: 500 !important;\n}\n\n.omniscribe_predefined-title {\n  margin-bottom: 8px;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-msg-container {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-content {\n  background-color: #e7effd !important;\n  color: #105bdb !important;\n  border-radius: 999px !important;\n  text-align: left;\n  padding-top: 4px;\n  padding-right: 16px;\n  padding-bottom: 4px;\n  padding-left: 16px;\n  width: fit-content;\n  height: fit-content;\n}\n\n\n/* Source: modules/chat/components/SummaryLoading.css */\n/* Auto-summary loading styles */\n.omniscribe_auto-summary-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding-top: calc(var(--spacing) * 13);\n  pointer-events: none;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_auto-summary-text {\n  font-size: 18px;\n  text-align: center;\n  margin-bottom: 20px;\n  font-weight: 500;\n  color: #2b303a;\n}\n\n.omniscribe_auto-summary-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Loading dots animation */\n.omniscribe_loading-dots {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_loading-dots::after {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_loading-dots::before {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.16s;\n  margin-right: 4px;\n}\n\n.omniscribe_loading-dots span {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.32s;\n  margin-right: 4px;\n}\n\n@keyframes omniscribe-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/history/ChatHistory.css */\n.omniscribe_thread-list-container {\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n  margin: 8px;\n}\n\n.omniscribe_thread-list-content {\n  padding-bottom: calc(var(--spacing) * 16);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.omniscribe_thread-list-item {\n  width: 100%;\n  padding-inline: 0;\n}\n\n.omniscribe_thread-list-btn {\n  text-align: left;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  width: calc(100% - var(--spacing) * 4);\n  border-radius: 4px !important;\n  margin-bottom: 4px;\n  font-weight: var(--font-weight-normal);\n  padding-inline: calc(var(--spacing) * 1) !important;\n}\n\n.omniscribe_thread-list-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--Text-Active, #252a32);\n  font-size: var(--Font-Size-font-size-100, 12px);\n  font-style: normal;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--Font-Line-Height-line-height-100, 14.4px);\n  /* 120% */\n  letter-spacing: var(--Font-Letter-Spacing-letter-spacing-100, 0.05px);\n}\n\n.omniscribe_thread-history-loading {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n}\n\n.omniscribe_thread-history-loading-skeleton {\n  width: 100%;\n  height: calc(var(--spacing) * 10);\n}\n\n.omniscribe_thread-history-container {\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid #e5e7ec;\n  align-items: flex-start;\n  justify-content: flex-start;\n  /* gap: calc(var(--spacing) * 6); */\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.omniscribe_thread-history-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 16px;\n  background: white;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_thread-history-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.omniscribe_thread-history-header-title {\n  margin: 0;\n  color: #252a32;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_thread-history-new-chat-btn {\n  margin: 12px 0 0 12px;\n  border-radius: 8px;\n  gap: 4px;\n  padding-block: 4px;\n}\n\n.omniscribe_thread-history-new-chat-btn:hover:not(:disabled) {\n  background-color: #0f2080;\n}\n\n.omniscribe_thread-history-new-chat-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_thread-history-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  padding-block: calc(var(--spacing) * 1);\n  background-color: color-mix(in oklab, var(--blue) 40%, transparent);\n  width: stretch;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: fill-available;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_thread-history-no-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  width: 100%;\n}\n\n.omniscribe_thread-history-chat-started-btn {\n  border: none;\n  background: transparent;\n  padding: 0px;\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--spacing) * 2);\n  align-items: center;\n  cursor: pointer;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.omniscribe_thread-history-chat-started-btn-text {\n  font-size: var(--text-xl);\n  line-height: var(--tw-leading, var(--text-xl--line-height));\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-tight);\n}\n\n.omniscribe_thread-tooltip {\n  padding: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Processing thread indicator */\n.omniscribe_thread-list-btn.omniscribe_thread-processing {\n  position: relative;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing::before {\n  content: '';\n  position: absolute;\n  left: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  background: #132caa;\n  border-radius: 50%;\n  animation: omniscribe_pulse 1.5s infinite;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing\n  .omniscribe_thread-list-text {\n  padding-left: 12px;\n}\n\n@keyframes omniscribe_pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n}\n\n\n/* Source: modules/chat/components/input/FilePreview.css */\n/* File Preview Container - Figma Frame 532 */\n.omniscribe_file-preview-container {\n  display: contents;\n}\n\n.omniscribe_file-preview-container-history-open {\n  width: 372px;\n}\n\n/* Custom scrollbar */\n.omniscribe_file-preview-container::-webkit-scrollbar {\n  height: 6px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb {\n  background-color: #d1d5db;\n  border-radius: 3px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb:hover {\n  background-color: #9ca3af;\n}\n\n/* Individual image thumbnail */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 12px;\n  background-color: #e8edf5;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: #e8edf5;\n  border-radius: 12px;\n}\n\n/* Document card */\n/* Document card - matches Figma design */\n.omniscribe_file-preview-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background-color: white;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 16px;\n  position: relative;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n  flex-shrink: 0;\n  max-height: 38px;\n}\n\n.omniscribe_file-preview-document-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  background-color: #dc3545;\n  border-radius: var(--radius-lg, 12px);\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-document-icon svg {\n  color: white;\n}\n\n.omniscribe_file-preview-document-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  padding-right: 16px;\n}\n\n.omniscribe_file-preview-document-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--grey-900);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n\n.omniscribe_file-preview-document-type {\n  font-size: 12px;\n  color: var(--grey-700);\n  font-weight: 500;\n}\n\n/* Individual image thumbnail - larger size matching Figma */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  background-color: #1a1a2e;\n  flex-shrink: 0;\n  /* overflow: visible to allow X button to show outside bounds */\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 16px;\n  /* Apply overflow hidden to the image itself */\n  overflow: hidden;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: #e8edf5;\n  border-radius: 16px;\n}\n\n/* Remove button - blue circle with X - positioned inside bounds */\n.omniscribe_file-preview-remove-btn {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: none;\n  border-radius: 50%;\n  background-color: #2563eb;\n  color: white;\n  cursor: pointer;\n  padding: 0;\n  transition: background-color 0.2s ease;\n  z-index: 2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.omniscribe_file-preview-remove-btn:hover {\n  background-color: #1d4ed8;\n}\n\n.omniscribe_file-preview-remove-btn--image {\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n}\n\n\n/* Source: modules/chat/components/input/MicrophoneButton.css */\n/* Microphone Button Styles */\n.microphone-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  min-width: 24px !important;\n  min-height: 24px !important;\n  padding: 0 !important;\n  border-radius: 9999px !important;\n  border: none !important;\n  background-color: #f3f4f6 !important;\n  box-shadow: none !important;\n  transition: background-color 0.2s ease !important;\n  flex-shrink: 0;\n}\n\n.microphone-button:hover:not(:disabled) {\n  background-color: #e5e7eb !important;\n}\n\n.microphone-button--recording {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  background-color: #fee2e2 !important;\n}\n\n/* Pulse animation for recording state */\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n\n/* Source: modules/chat/components/input/TranscribeDropdown.css */\n/* Ensure tooltip trigger properly wraps the button in flex context */\n.omniscribe_thread-combined-footer-row > .tooltip-trigger {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.omniscribe_transcribe-dropdown {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: white;\n  transition: all 0.2s ease;\n  font-size: var(--font-size-100, 14px);\n  font-weight: 500;\n  color: var(--color-gray-700, #374151);\n  white-space: nowrap;\n  overflow: hidden;\n  flex-shrink: 0;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-left: 1px;\n  padding-inline: 12px;\n}\n\n/* Expanded state - no pill style */\n.omniscribe_transcribe-dropdown--expanded {\n  border: none;\n  background-color: transparent;\n  box-shadow: none;\n}\n\n.omniscribe_transcribe-dropdown--expanded\n  .omniscribe_transcribe-dropdown--recording {\n  background-color: transparent;\n  border: none;\n}\n\n.omniscribe_transcribe-dropdown:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--color-gray-50, #f9fafb);\n  border-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcribe-dropdown-main {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 8px 8px 0px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: inherit;\n  color: inherit;\n}\n\n.omniscribe_transcribe-dropdown--expanded .omniscribe_transcribe-dropdown-main {\n  padding-block: 0;\n}\n\n.omniscribe_transcribe-dropdown-main:disabled {\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-dropdown-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 12px 8px 4px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.omniscribe_transcribe-dropdown-expand:disabled {\n  cursor: not-allowed;\n}\n\n/* Recording state - neutral gray, NOT red */\n.omniscribe_transcribe-dropdown--recording {\n  background-color: var(--color-gray-50, #f9fafb);\n  border-color: var(--color-gray-300, #d1d5db);\n  color: var(--color-gray-700, #374151);\n}\n\n.omniscribe_transcribe-dropdown--recording:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--color-gray-100, #f3f4f6);\n}\n\n.omniscribe_transcribe-dropdown--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Icon container with blue background like Figma */\n.omniscribe_transcribe-dropdown-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: #e7effd;\n}\n\n.omniscribe_transcribe-dropdown-icon svg {\n  color: var(--color-primary, #2563eb);\n}\n\n/* Recording state - keep blue icon with pulse animation */\n.omniscribe_transcribe-dropdown--recording\n  .omniscribe_transcribe-dropdown-icon {\n  background-color: #e7effd;\n  animation: transcribe-pulse 1.5s ease-in-out infinite;\n}\n\n.omniscribe_transcribe-dropdown--recording\n  .omniscribe_transcribe-dropdown-icon\n  svg {\n  color: var(--color-primary, #2563eb);\n}\n\n@keyframes transcribe-pulse {\n  0%,\n  100% {\n    opacity: 1;\n    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);\n  }\n  50% {\n    opacity: 0.6;\n    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0);\n  }\n}\n\n.omniscribe_transcribe-dropdown-label {\n  flex: 1;\n  text-align: left;\n}\n\n.omniscribe_transcribe-dropdown-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-gray-400, #9ca3af);\n  transition:\n    transform 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcribe-dropdown-chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.omniscribe_transcribe-dropdown:hover .omniscribe_transcribe-dropdown-chevron {\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Generate Report Button - Figma style */\n.omniscribe_transcribe-generate-btn {\n  border-radius: 12px !important;\n  gap: 8px;\n  padding-block: 4px !important;\n  padding-inline: 8px !important;\n  height: auto !important;\n}\n\n.omniscribe_transcribe-generate-btn:hover:not(:disabled) {\n  background-color: #1d4ed8;\n}\n\n.omniscribe_transcribe-generate-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Collapsed state - vertical pill */\n.omniscribe_transcribe-collapsed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: white;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcribe-collapsed-play {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 50%;\n  background-color: #e7effd;\n  color: var(--color-primary, #2563eb);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-play:hover:not(:disabled) {\n  background-color: #d0e0fc;\n  transform: scale(1.05);\n}\n\n.omniscribe_transcribe-collapsed-play:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-collapsed-play--recording {\n  animation: transcribe-pulse 1.5s ease-in-out infinite;\n}\n\n.omniscribe_transcribe-collapsed-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--color-gray-500, #6b7280);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-expand:hover:not(:disabled) {\n  background-color: var(--color-gray-100, #f3f4f6);\n  color: var(--color-gray-700, #374151);\n}\n\n\n/* Source: modules/chat/components/input/TranscriptionPanel.css */\n/* Animated wrapper for expand/collapse */\n.omniscribe_transcription-panel-wrapper {\n  height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition:\n    height 0.5s ease,\n    opacity 0.5s ease;\n}\n\n.omniscribe_transcription-panel-wrapper--expanded {\n  height: calc(var(--content-height) * 0.5);\n  opacity: 1;\n  border-bottom: 1px solid var(--border, #e5e7eb);\n}\n\n/* TranscriptionPanel - Frame 655 from Figma */\n.omniscribe_transcription-panel {\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border: 1px solid var(--border, #e5e7eb);\n  border-top-left-radius: var(--radius-lg, 12px);\n  border-top-right-radius: var(--radius-lg, 12px);\n  overflow: hidden;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header with action buttons */\n.omniscribe_transcription-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--border);\n}\n\n.omniscribe_transcription-panel-header-section {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_transcription-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin-right: 2px;\n}\n\n.omniscribe_transcription-panel-action-btn {\n  width: 100%;\n  height: auto;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close {\n  border-radius: 9999px;\n  border: none;\n  padding-inline: 5px !important;\n  padding-block: 2.5px !important;\n  margin-block: 5.5px;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close:hover {\n  background-color: var(--color-gray-100, #f3f4f6);\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Body container */\n.omniscribe_transcription-panel-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 150px;\n  overflow: hidden;\n}\n\n/* Idle state - white background with blue text */\n.omniscribe_transcription-panel-idle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  gap: 16px;\n  padding: 24px;\n}\n\n.omniscribe_transcription-panel-idle-text {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--color-primary, #2563eb);\n  text-align: center;\n  margin: 0;\n}\n\n.omniscribe_transcription-panel-play-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 9999px;\n  background-color: #e7effd;\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_transcription-panel-play-btn:hover {\n  transform: scale(1.05);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcription-panel-play-btn svg {\n  color: var(--color-primary, #2563eb);\n}\n\n/* Content state - transcription display */\n.omniscribe_transcription-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  max-height: 220px;\n}\n\n.omniscribe_transcription-panel-message {\n  margin-bottom: 8px;\n  text-align: left;\n  width: fit-content;\n  background-color: #f6f7f9;\n  padding: 4px;\n  border-radius: 8px;\n  color: #13161a;\n  line-height: 1.7 !important;\n}\n\n/* Scrollbar styles */\n.omniscribe_transcription-panel-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n/* Firefox */\n.omniscribe_transcription-panel-content {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-gray-300, #d1d5db) transparent;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-panel-processing {\n  padding-top: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenu.css */\n.omniscribe_link-menu-container {\n  width: 18rem;\n  border-radius: 0.5rem;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  border: 1px solid var(--grey-200);\n  background-color: #ffffff;\n}\n\n.omniscribe_link-menu-navigation {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: var(--grey-50);\n  border-top-left-radius: 0.5rem;\n  border-top-right-radius: 0.5rem;\n}\n\n.omniscribe_nav-button {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0.125rem;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  color: #6b7280;\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_nav-button:hover {\n  background-color: var(--color-gray-100);\n  color: #374151;\n}\n\n.omniscribe_nav-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px #3b82f6;\n}\n\n.omniscribe_nav-button:active {\n  background-color: var(--grey-200);\n}\n\n.omniscribe_nav-icon {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.omniscribe_page-indicator {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: #4b5563;\n}\n\n.omniscribe_link-menu-content {\n  padding: 0.375rem;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenuCard.css */\n.omniscribe_card-link {\n  display: block;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  background-color: #ffffff;\n  border: 1px solid var(--grey-200);\n  text-decoration: none;\n}\n\n.omniscribe_card {\n  border: 0;\n  box-shadow: none;\n  border-radius: 0.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.omniscribe_card:hover {\n  background-color: var(--grey-50);\n}\n\n.omniscribe_card-header {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: rgba(249, 250, 251, 0.5);\n}\n\n.omniscribe_favicon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-icon {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 0.125rem;\n  background-color: #d1d5db;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-text {\n  font-size: 8px;\n  font-weight: 700;\n  color: var(--grey-600);\n  text-transform: uppercase;\n}\n\n.omniscribe_card-title {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--grey-800);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n.omniscribe_card-content {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.omniscribe_card-content > * + * {\n  margin-top: 0.25rem;\n}\n\n.omniscribe_link-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  color: var(--color-activeblack, #000000);\n  line-height: 1.375;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.omniscribe_snippet-text {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  color: #4b5563;\n  line-height: 1.625;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupPill.css */\n.omniscribe_pill-container {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n\n.omniscribe_pill-button {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 9999px;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  background-color: var(--blue-100);\n  color: var(--blue-700);\n  border: 1px solid var(--blue-200);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  cursor: pointer;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.omniscribe_pill-button:hover {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-button:focus {\n  background-color: var(--blue-200);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow:\n    0 0 0 2px #3b82f6,\n    0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\n.omniscribe_pill-button--active {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-domain {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@media (min-width: 640px) {\n  .omniscribe_pill-domain {\n    max-width: 200px;\n  }\n}\n\n.omniscribe_pill-counter {\n  margin-left: 0.375rem;\n  background-color: var(--blue-200);\n  color: #1e40af;\n  border-radius: 9999px;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_menu-portal {\n  position: absolute;\n  z-index: 100;\n}\n\n\n/* Source: modules/chat/components/markdown/MarkdownText.css */\n.omniscribe_markdown-code-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--color-zinc-900)\n    /* oklch(21% 0.006 285.885) = #18181b */;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  color: var(--white);\n}\n\n.omniscribe_markdown-code-span {\n  text-transform: lowercase;\n  & > span {\n    font-size: var(--text-xs) /* 0.75rem = 12px */;\n    line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  }\n}\n\n.omniscribe_markdown-h1 {\n  margin-bottom: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-4xl) /* 2.25rem = 36px */;\n  line-height: var(--text-4xl--line-height) /* calc(2.5 / 2.25) ≈ 1.1111 */;\n  font-weight: var(--font-weight-extrabold) /* 800 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h2 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-3xl) /* 1.875rem = 30px */;\n  line-height: var(--text-3xl--line-height) /* calc(2.25 / 1.875) ≈ 1.2 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h3 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-2xl);\n  line-height: var(--text-2xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h4 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-xl);\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h5 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-size: var(--text-lg);\n  line-height: var(--text-lg--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h6 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-p {\n  margin-block: calc(var(--spacing) * 2.5);\n  line-height: calc(var(--spacing) * 5);\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-a {\n  color: var(--primary);\n  font-weight: var(--font-weight-medium) /* 500 */;\n  text-decoration-line: underline;\n  text-underline-offset: 4px;\n  overflow-wrap: break-word;\n}\n\n.omniscribe_markdown-blockquote {\n  border-left-width: 2px;\n  padding-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  font-style: italic;\n}\n\n.omniscribe_markdown-ul {\n  list-style-type: disc;\n  padding-inline-start: 20px;\n  word-break: break-word;\n  & > li {\n    margin-top: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-ol {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  margin-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  list-style-type: decimal;\n  & > li {\n    margin-top: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-hr {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  border-bottom-width: 1px;\n}\n.omniscribe_markdown-table {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  overflow-y: auto;\n}\n.omniscribe_markdown-th {\n  background-color: var(--muted);\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  font-weight: var(--font-weight-bold) /* 700 */;\n  &:first-child {\n    border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child {\n    border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-td {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  &:last-child {\n    border-right-width: 1px;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-tr {\n  margin: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  &:first-child {\n    border-top-width: 1px;\n  }\n  &:last-child > td:first-child {\n    border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child > td:last-child {\n    border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n}\n\n.omniscribe_markdown-sup {\n  font-size: var(--text-xs) /* 0.75rem = 12px */;\n  line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  & > a {\n    text-decoration-line: none;\n  }\n}\n\n.omniscribe_markdown-pre {\n  overflow-x: auto;\n  border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--black);\n  padding: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  color: var(--white);\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_markdown-code {\n  border-radius: 0.25rem /* 4px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n}\n\n.omniscribe_markdown-link {\n  color: var(--color-primary); /* text-primary */\n  font-weight: 500; /* font-medium */\n  text-decoration: underline; /* underline */\n  text-underline-offset: 4px; /* underline-offset-4 */\n  word-wrap: break-word; /* break-words */\n}\n\n.omniscribe_markdown-link:hover {\n  color: var(--color-primary-dark); /* hover:text-primary-dark */\n}\n\n.omniscribe_assistant-markdown-container strong,\n.omniscribe_assistant-markdown-container b {\n  font-weight: bold !important;\n}\n\n\n/* Source: modules/chat/components/markdown/tooltip-icon-button.css */\n/* Tooltip icon button styles */\n.omniscribe_tooltip-icon-button-btn {\n  padding: 4px;\n  min-width: auto;\n  min-height: auto;\n}\n\n.omniscribe_tooltip-icon-button-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessage.css */\n.omniscribe_assistant-message-container {\n  display: flex;\n  align-items: flex-start;\n  margin-right: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  width: 100%;\n}\n\n.omniscribe_assistant-message-calls-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n}\n\n.omniscribe_assistant-markdown-container {\n  padding-block: calc(var(--spacing) * 0.5) /* 0.25rem = 4px */;\n}\n\n.omniscribe_assistant-commands-container {\n  display: flex;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-right: auto;\n}\n.omniscribe_assistant-message-container:hover,\n.omniscribe_assistant-message-container:focus {\n  .omniscribe_assistant-commands-container {\n    opacity: 100%;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessageLoading.css */\n/* Assistant message loading animation */\n.omniscribe_assistant-message-loading-container {\n  display: flex;\n  align-items: center;\n  padding: 8px 0;\n}\n\n.omniscribe_assistant-message-loading {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_assistant-message-loading-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-assistant-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(1) {\n  animation-delay: -0.32s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(2) {\n  animation-delay: -0.16s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(3) {\n  animation-delay: 0s;\n}\n\n@keyframes omniscribe-assistant-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/BranchSwitcher.css */\n.omniscribe_brand-switcher-container {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n\n.omniscribe_brand-switcher-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_brand-switcher-btn {\n  width: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  height: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  padding: calc(0.25rem /* 4px */ * 1) /* 0.25rem = 4px */;\n}\n\n\n/* Source: modules/chat/components/messages/CommandBar.css */\n.omniscribe_command-bar-container {\n  display: flex;\n  align-items: center;\n  padding-right: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.omniscribe_command-bar-container.omniscribe_command-bar-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.thumbs.active {\n  color: var(--blue-500);\n}\n\n.omniscribe_feedback-button-container {\n  position: relative;\n  display: inline-block;\n}\n\n.omniscribe_command-bar-container-icon-color,\n.thumbs {\n  color: #4a5364;\n}\n\n.omniscribe_command-bar-container svg {\n  width: 12px !important;\n  height: 12px !important;\n}\n\n.omniscribe_command-bar-container .omniscribe_tooltip-icon-button-btn {\n  padding: calc(var(--spacing) * 0.5) !important;\n}\n\n.omniscribe_command-bar-container .tooltip-base {\n  padding: 0.25rem 0.5rem;\n}\n\n.omniscribe_command-bar-container .tooltip-trigger {\n  padding: 1px;\n  margin: 1px;\n}\n\n.omniscribe_command-bar-container .omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 3);\n  width: calc(var(--spacing) * 3);\n}\n\n\n/* Source: modules/chat/components/messages/HumanMessage.css */\n.omniscribe_human-message-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n.omniscribe_human-message-container-editing {\n  width: 100%;\n  max-width: var(--container-xl) /* 36rem = 576px */;\n}\n.omniscribe_human-message-container-no-editing {\n  max-width: 100%;\n}\n\n.omniscribe_human-message-command-container {\n  display: flex;\n  gap: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-left: auto;\n}\n.omniscribe_human-message-command-container-editing {\n  opacity: 100%;\n}\n\n.omniscribe_human-message-container:focus,\n.omniscribe_human-message-container:hover {\n  .omniscribe_human-message-command-container {\n    opacity: 100%;\n  }\n}\n\n.omniscribe_human-message-subcontainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.omniscribe_human-message-subcontainer-editing {\n  width: 100%;\n}\n\n.omniscribe_human-message-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.omniscribe_human-message-content-text {\n  text-align: right;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-inline: calc(var(--spacing) * 2);\n  border-radius: var(--radius-3xl);\n  background-color: #f6f7f9;\n  font-weight: 500;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n  margin: 0;\n}\n.omniscribe_human-message-textarea {\n  min-height: 2.5rem !important; /* 40px */\n  max-height: 12rem !important; /* 192px - Allow more vertical space */\n  min-width: 200px !important; /* Minimum width for usability */\n  resize: both; /* Allow controlled resizing in both directions */\n  width: 100%;\n  overflow: auto; /* Enable scroll when content exceeds max dimensions */\n\n  &:focus-visible {\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n}\n\n.omniscribe_human-message-textarea-chat-history-close {\n  max-width: 100% !important;\n}\n\n.omniscribe_human-message-textarea-chat-history-open {\n  max-width: 385px !important;\n}\n\n\n/* Source: modules/chat/components/messages/MessageImages.css */\n/* Message Files Container (for both images and documents) */\n.omniscribe_message-files {\n  margin-top: 8px;\n  margin-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Message Images Container */\n.omniscribe_message-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_message-images-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  max-width: 100%;\n}\n\n/* Individual Image Container */\n.omniscribe_message-image-container {\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  background-color: #f5f5f5;\n  border: 1px solid #e0e0e0;\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_message-image-container:hover {\n  transform: scale(1.02);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.omniscribe_message-image-container-single {\n  max-width: 200px;\n  max-height: 200px;\n}\n\n.omniscribe_message-image-container-multiple {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n}\n\n/* Image Element */\n.omniscribe_message-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.omniscribe_message-image-container-single .omniscribe_message-image {\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n\n/* Loading State */\n.omniscribe_message-image-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: #f8f9fa;\n  color: #6c757d;\n  font-size: 12px;\n  border-radius: 8px;\n}\n\n/* Error State */\n.omniscribe_message-image-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: #f8f9fa;\n  color: #6c757d;\n  font-size: 12px;\n  border-radius: 8px;\n  text-align: center;\n  cursor: default;\n}\n\n.omniscribe_message-image-error span {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.omniscribe_message-image-error small {\n  font-size: 10px;\n}\n\n/* Image Counter for Multiple Images */\n.omniscribe_message-image-counter {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  padding: 2px 6px;\n  border-radius: 12px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Images Count */\n.omniscribe_message-images-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #6c757d;\n  font-style: italic;\n}\n\n/* Modal for Full-Size Images */\n.omniscribe_message-image-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.omniscribe_message-image-modal-content {\n  position: relative;\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-img {\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.omniscribe_message-image-modal-close {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  background-color: #fff;\n  border: none;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: bold;\n  color: #333;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_message-image-modal-close:hover {\n  background-color: #f5f5f5;\n}\n\n/* Message Documents Container */\n.omniscribe_message-documents {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_message-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #f8f9fa;\n  border: 1px solid #e0e0e0;\n  transition: background-color 0.2s ease;\n  max-width: 280px;\n}\n\n.omniscribe_message-document:hover {\n  background-color: #f0f0f0;\n}\n\n.omniscribe_message-document-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.omniscribe_message-document-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_message-document-name {\n  font-weight: 500;\n  font-size: 13px;\n  color: #333;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.omniscribe_message-document-size {\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.omniscribe_message-documents-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: #6c757d;\n  font-style: italic;\n}\n\n\n/* Source: modules/chat/components/messages/ToolCalls.css */\n.omniscribe_tool-calls-container {\n  margin-block-start: calc(calc(var(--spacing) * 4) * var(0));\n  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(0)));\n  width: 100%;\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_tool-calls-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n}\n.omniscribe_tool-calls-h3 {\n  font-weight: var(--font-weight-bold);\n  color: var(--color-gray-900) /* oklch(21% 0.034 264.665) = #101828 */;\n  word-break: break-all;\n  font-size: 14px;\n  margin: 0;\n}\n\n.omniscribe_tool-calls-item-args {\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.omniscribe_tool-calls-item-args-text {\n  word-break: break-all;\n  margin-right: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  padding-block: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_tool-calls-item-args-code {\n  background-color: var(--color-gray-50);\n  border-radius: 0.25rem /* 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n  word-break: break-all;\n}\n\n.omniscribe_tool-calls-pre {\n  font-size: 12px;\n}\n\n\n/* Source: modules/chat/components/messages/ToolResults.css */\n/* ToolResult Component Styles */\n\n.omniscribe_tool-result {\n  margin-top: 2px;\n  border: 1px solid var(--grey-200);\n  border-radius: 0.5rem !important; /* !rounded-lg */\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  overflow: hidden; /* overflow-hidden */\n  width: 100%;\n}\n\n.omniscribe_tool-result-header {\n  background-color: var(--grey-50); /* bg-gray-50 */\n  padding-left: 1rem; /* px-4 */\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  justify-content: space-between; /* justify-between */\n}\n\n.omniscribe_tool-result-header--expanded {\n  border-bottom: 1px solid var(--grey-200);\n}\n\n.omniscribe_tool-result-header-content {\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  gap: 0.5rem; /* gap-2 */\n  min-width: 0; /* min-w-0 */\n}\n\n.omniscribe_tool-result-title {\n  font-weight: 500; /* font-medium */\n  color: var(--grey-900);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; /* truncate */\n  margin: 0;\n  font-size: 14px;\n}\n\n.omniscribe_expand-button {\n  padding: 0.25rem; /* p-1 */\n  flex-shrink: 0; /* flex-shrink-0 */\n}\n\n.omniscribe_expand-icon {\n  width: 1.25rem; /* w-5 */\n  height: 1.25rem; /* h-5 */\n}\n\n.omniscribe_tool-result-content {\n  padding: 1rem; /* p-4 */\n  background-color: #ffffff; /* bg-white */\n  max-height: 24rem; /* max-h-96 */\n  overflow-y: auto; /* overflow-y-auto */\n}\n\n.omniscribe_tool-result-content > * + * {\n  margin-top: 0.5rem; /* space-y-2 */\n}\n\n/* Scrollbar styles for webkit browsers */\n.omniscribe_tool-result-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-track {\n  background: #f1f5f9;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.omniscribe_result-card {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  border: 1px solid var(--color-gray-100);\n  padding-top: 0.5rem !important; /* !py-2 */\n  padding-bottom: 0.5rem !important;\n  gap: 0 !important; /* !gap-0 */\n}\n\n.omniscribe_result-card-header {\n  padding-top: 0.5rem !important; /* !pt-2 */\n  padding-left: 0.5rem !important; /* !px-2 */\n  padding-right: 0.5rem !important;\n  padding-bottom: 0 !important; /* !pb-0 */\n}\n\n.omniscribe_result-card-title {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  font-weight: 600; /* font-semibold */\n}\n\n.omniscribe_result-link {\n  color: var(--blue-600);\n  text-decoration: none;\n  transition-property: color, text-decoration;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_result-link:hover {\n  text-decoration: underline; /* hover:underline */\n  color: #1e40af; /* hover:text-blue-800 */\n}\n\n.omniscribe_result-card-content {\n  padding: 0.5rem !important; /* !p-2 */\n  padding-top: 0 !important; /* !pt-0 */\n}\n\n.omniscribe_result-description {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: #374151; /* text-gray-700 */\n  line-height: 1.625; /* leading-relaxed */\n  word-break: break-all; /* break-all */\n  display: -webkit-box;\n  -webkit-line-clamp: 2; /* line-clamp-2 */\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms; /* transition-all duration-150 ease-in-out */\n  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* ease-in-out */\n}\n\n.omniscribe_result-description:hover {\n  -webkit-line-clamp: unset; /* hover:line-clamp-none */\n  display: block;\n}\n\n.omniscribe_result-source {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: #6b7280; /* text-gray-500 */\n  margin-top: 0.25rem; /* mt-1 */\n  padding-top: 0.25rem; /* pt-1 */\n  border-top: 1px solid var(--color-gray-100);\n}\n\n.omniscribe_string-result {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  white-space: pre-wrap; /* whitespace-pre-wrap */\n  background-color: var(--grey-50);\n  padding: 0.75rem; /* p-3 */\n  border-radius: 0.375rem; /* rounded-md */\n  border: 1px solid var(--grey-200);\n  font-family:\n    ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,\n    monospace; /* pre tag font */\n}\n\n\n/* Source: modules/header/components/ConfigHeader.css */\n/* Config Header Styles */\n.omniscribe_config-view {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  max-height: 17px;\n  padding: 16px;\n}\n\n.omniscribe_config-back-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.omniscribe_config-back-label {\n  margin: 0;\n  color: #000000;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n.omniscribe_config-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--Greyscale-200, #edeff2);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-radius: var(--Radius-radius-round, 99999px);\n  cursor: pointer;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n\n\n/* Source: modules/header/components/ConnectedButtons.css */\n/* Connected Buttons Styles */\n.omniscribe_connected-buttons {\n  display: flex;\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  overflow: hidden;\n}\n\n.omniscribe_connected-btn-left {\n  border: none !important;\n  border-radius: 0 !important;\n  border-right: 1px solid var(--Stroke-greyscale-Active, #e5e7ec) !important;\n}\n\n.omniscribe_connected-btn-right {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n/* Ensure connected buttons have consistent styling */\n.omniscribe_connected-buttons .omniscribe_utility-btns {\n  min-height: 40px;\n}\n\n\n/* Source: modules/header/components/ConsentIndicator.css */\n.omniscribe_consent-indicator {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 10px;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--text-xs--line-height, 14.4px);\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px);\n  white-space: nowrap;\n  margin-right: 8px;\n  gap: 4px;\n  border: 1px solid var(--border, #e5e7ec);\n  color: #4a5364;\n}\n\n.omniscribe_consent-indicator-tooltip {\n  border-radius: var(--radius-lg, 12px) !important;\n  border: 1px solid var(--border, #e5e7ec) !important;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;\n  display: flex !important;\n  padding: 10px 8px !important;\n  font-size: 10px !important;\n  font-weight: 400 !important;\n  line-height: var(--text-xs--line-height, 14.4px) !important;\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px) !important;\n}\n\n\n/* Source: modules/header/components/MainHeader.css */\n/* Main Header Styles */\n.omniscribe_main-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.omniscribe_main-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-title {\n  margin: 0;\n  color: #252a32;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_main-header-separator {\n  width: 1px;\n  align-self: stretch;\n  margin: -16px 0;\n  background-color: var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_main-header-spacer {\n  flex: 1;\n}\n\n.omniscribe_main-header-settings {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n\n/* Source: modules/header/components/UtilityButton.css */\n/* Utility Button Styles */\n.omniscribe_utility-btn-audio {\n  min-height: 40px; /* Match connected buttons height */\n}\n\n.omniscribe_utility-btn-right {\n  /* Settings button specific styles can be added here */\n}\n\n/* Base utility button styles are inherited from parent UtilityButtons.css */\n\n\n/* Source: modules/header/components/WarningBanner.css */\n/* Warning Banner Styles */\n.omniscribe_warning-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: #f6f7f9;\n  border-top: 1px solid #e5e7ec;\n}\n\n.omniscribe_warning-banner-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border: none;\n  background-color: #e5e7ec;\n  border-radius: 50%;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.omniscribe_warning-banner-close:hover {\n  background-color: #d1d5db;\n}\n\n.omniscribe_warning-banner-text {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.25;\n  color: var(--Text-greyscale-Primary, #4a5364);\n}\n\n\n/* Source: modules/header/section/UtilityButtons.css */\n.omniscribe_header-wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: #ffffff;\n  border-top-right-radius: 12px;\n  border-top-left-radius: 12px;\n}\n\n.omniscribe_utility-btns-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #ffffff;\n  overflow: hidden;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  align-self: stretch;\n  border-top-right-radius: inherit;\n  border-top-left-radius: inherit;\n}\n\n.omniscribe_utility-btns-left,\n.omniscribe_utility-btns-right {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n}\n\n.omniscribe_utility-btn-right {\n  border-radius: var(--Radius-radius-round, 99999px) !important;\n  background-color: var(--Greyscale-100, #f6f7f9) !important;\n  border: none !important;\n}\n\n.omniscribe_utility-btns {\n  cursor: pointer;\n  transition-duration: 300ms;\n  background-color: color-mix(in oklab, var(--white) 30%, transparent);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  position: relative;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    background-color: var(--Greyscale-100, #f6f7f9);\n  }\n}\n\n.omniscribe_utility-btns-pointer {\n  pointer-events: auto;\n}\n\n.omniscribe_utility-btns-no-pointer {\n  pointer-events: none;\n  background-color: var(--white);\n}\n\n.omniscribe_utility-btns-no-pointer-opacity {\n  pointer-events: none;\n  opacity: 50%;\n}\n\n.omniscribe_utility-btns-opacity {\n  background-color: var(--white);\n  opacity: 100%;\n}\n\n.omniscribe_utility-btns-active {\n  background-color: var(--Greyscale-100, #f6f7f9);\n  border: 1px solid var(--Stroke-greyscale-Active, #105bdb);\n}\n\n.omniscribe_btn-label {\n  margin-left: 6px;\n  font-size: 14px;\n  color: #212529;\n  font-weight: 500;\n}\n\n.omniscribe_btn-label-active {\n  color: #105bdb;\n}\n\n.omniscribe_btn-label-inactive {\n  color: #212529;\n}\n\n.omniscribe_icon {\n  color: var(--active-black);\n}\n\n.omniscribe_icon-active {\n  color: #105bdb;\n}\n\n\n/* Source: modules/layout/components/OmniscribeContainer/OmniscribeContainer.css */\n.omniscribe_container {\n  isolation: isolate;\n  position: fixed;\n  bottom: calc(var(--spacing) * 5);\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 80;\n}\n\n[dir='ltr'] .omniscribe_container {\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n}\n\n[dir='rtl'] .omniscribe_container {\n  left: 0;\n  right: auto;\n  border-top-right-radius: 30px;\n  border-bottom-right-radius: 30px;\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/DraggableCollapsed.css */\n/* Draggable Collapsed Container */\n.omniscribe_draggable-collapsed {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  cursor: grab;\n  z-index: 9999;\n  transition: transform 0.1s ease-out;\n  user-select: none;\n  touch-action: none;\n}\n\n.omniscribe_draggable-collapsed--dragging {\n  cursor: grabbing;\n  transition: none;\n}\n\n/* Horizontal mode - rotated 90 degrees */\n.omniscribe_draggable-collapsed--horizontal {\n  bottom: 20px;\n}\n\n.omniscribe_draggable-collapsed--horizontal .omniscribe_transcribe-collapsed {\n  flex-direction: row;\n  transform: none;\n}\n\n/* RTL support */\n[dir='rtl'] .omniscribe_draggable-collapsed {\n  right: auto;\n  left: 20px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/OmniscribeLayout.css */\n.omniscribe_layout {\n  position: fixed;\n  width: var(--layout-w);\n  background: var(--white);\n  bottom: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0px 4px 4px 0px #00000040;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 500ms;\n  transition-property: transform, translate, scale, rotate;\n  display: flex;\n  flex-direction: column;\n  height: var(--layout-h);\n  min-width: 500px;\n  min-height: 500px;\n  right: 0;\n  border-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_layout {\n  left: 0;\n  right: auto;\n  border-bottom-right-radius: 12px;\n}\n\n[dir='ltr'] .omniscribe_layout {\n  right: 0;\n  border-bottom-left-radius: 12px;\n}\n\n.omniscribe_layout-open {\n  background: var(--white);\n  translate: 0;\n}\n\n.omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n[dir='rtl'] .omniscribe_layout-close {\n  translate: calc(var(--layout-w) * -1);\n}\n\n[dir='ltr'] .omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n\n/* Source: modules/settings/components/chat/Chat.css */\n.omniscribe_chat-config {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0; /* Permite que los hijos controlen su altura */\n  flex: 1; /* Toma el espacio disponible */\n}\n\n/* Espaciado específico para el separador en el contexto de chat */\n.omniscribe_chat-config .omniscribe_separator {\n  margin: 8px 0; /* Margen vertical consistente */\n}\n\n.omniscribe_chat-prompt-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-right: 16px;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  height: 74px;\n  padding: 8px;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: #374151;\n  background-color: white;\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_chat-prompt-textarea::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: #6b7280;\n  align-self: flex-start;\n}\n\n\n/* Source: modules/settings/components/chat/PromptCustomization.css */\n.omniscribe_chat-prompt-title {\n  font-size: 14px;\n  font-weight: 400;\n  color: #252a32;\n  line-height: 14.4px;\n  margin: 0 0 12px 0;\n}\n\n.omniscribe_chat-prompt-container {\n  position: relative;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  padding: 12px;\n  border: 1px solid var(--border-color, #ddd);\n  border-radius: 8px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  resize: none;\n  transition: border-color 0.2s ease;\n}\n\n.omniscribe_chat-prompt-textarea:focus {\n  outline: none;\n  border-color: var(--primary-color, #007bff);\n  box-shadow: 0 0 0 2px var(--primary-color-alpha, rgba(0, 123, 255, 0.1));\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--text-secondary, #666);\n  margin-top: 6px;\n  text-align: right;\n}\n\n\n/* Source: modules/settings/components/chat/SourceItem.css */\n.omniscribe_source-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.omniscribe_source-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n\n.omniscribe_source-checkbox {\n  width: 16px;\n  height: 16px;\n  accent-color: #105bdb;\n  cursor: pointer;\n}\n\n.omniscribe_source-name {\n  flex: 1;\n  font-size: 12px;\n  color: #374151;\n}\n/* Removed link styles for source name - now handled by icon button only */\n.omniscribe_source-external-icon {\n  width: 12px;\n  height: 12px;\n  stroke: #105bdb;\n  cursor: pointer;\n  transition: stroke 0.2s;\n  flex-shrink: 0;\n}\n\n.omniscribe_source-external-icon:hover {\n  stroke: #0d47a1;\n}\n\n.omniscribe_source-checkbox:checked + .omniscribe_source-name {\n  font-weight: 500;\n  color: #1f2937;\n}\n\n\n/* Source: modules/settings/components/chat/SourceSelector.css */\n.omniscribe_source-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 24px;\n  min-height: 0;\n  flex: 1;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-selector-title {\n  font-size: 16px;\n  font-weight: 500;\n  color: #252a32;\n  margin: 0;\n}\n\n.omniscribe_source-selector-description {\n  font-size: 14px;\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0;\n}\n\n.omniscribe_source-list {\n  width: 100%;\n  max-width: 100%;\n  min-height: 105px;\n  max-height: 285px;\n  border-radius: 12px;\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  background: #ffffff;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow-y: auto;\n  flex: 1;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-list--compact {\n  max-height: 105px;\n}\n\n\n/* Source: modules/settings/section/Configuration.css */\n.omniscribe_config-content {\n  width: 650px;\n  max-height: 590px;\n  opacity: 1;\n  background-color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.omniscribe_config-list {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n}\n\n.omniscribe_config-item {\n  width: 100%;\n  height: 75px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  opacity: 1;\n  padding: 10px 22px 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-item:hover {\n  background-color: #f9fafb;\n}\n\n.omniscribe_config-item:focus {\n  outline: none;\n  background-color: #f3f4f6;\n}\n\n.omniscribe_config-item:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_config-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n}\n\n.omniscribe_config-icon {\n  color: #4a5364;\n}\n\n.omniscribe_config-item-content {\n  flex: 1;\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_config-item-title {\n  margin: 0;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: #252a32;\n}\n\n.omniscribe_config-item-description {\n  margin: 0;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: #4a5364;\n}\n\n.omniscribe_config-item-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9ca3af;\n  flex-shrink: 0;\n}\n\n/* Sub-screen styles */\n.omniscribe_config-subscreen-header {\n  display: flex;\n  align-items: center;\n  padding: 16px 16px 8px 16px;\n}\n\n.omniscribe_config-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_config-subscreen-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: #252a32;\n  line-height: 21.6px;\n}\n\n.omniscribe_config-subscreen-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  min-height: 0; /* Permite que los hijos se compriman */\n  box-sizing: border-box; /* Incluye padding en el cálculo */\n}\n\n.omniscribe_config-subscreen-content.no-border {\n  /* no-border variant */\n}\n\n.omniscribe_config-subscreen-content-template {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 50px;\n}\n\n.omniscribe_config-section-label {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #374151;\n  line-height: 1.4;\n}\n\n.omniscribe_config-language-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_config-language-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #374151;\n  margin-bottom: 8px;\n}\n\n.omniscribe_config-subscreen-description {\n  margin: 0 0 0 0;\n  font-size: 14px;\n  line-height: 18px;\n  color: #13161a;\n  font-weight: 400;\n}\n\n/* Dictionary Options View Styles */\n.omniscribe_config-dictionary-section {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.omniscribe_config-dictionary-add-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_config-dictionary-input-row {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.omniscribe_config-dictionary-input {\n  height: 32px;\n  border: 1px solid #e5e8eb !important;\n  border-radius: 8px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  line-height: 1.4 !important;\n  background-color: #ffffff !important;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease !important;\n}\n\n.omniscribe_config-dictionary-input:focus {\n  outline: none !important;\n  border-color: #4f46e5 !important;\n  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-input::placeholder {\n  color: #9ca3af !important;\n  font-size: 14px !important;\n}\n\n.omniscribe_config-dictionary-input.error {\n  border-color: #dc3545 !important;\n  background-color: #fff5f5 !important;\n}\n\n.omniscribe_config-dictionary-input.error:focus {\n  border-color: #dc3545 !important;\n  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-add-btn {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: 8px;\n  color: var(--primary-foreground);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-top: 0;\n  font-size: 0;\n}\n\n.omniscribe_config-dictionary-add-btn:hover:not(:disabled) {\n  background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  border-color: color-mix(in oklab, var(--primary) 90%, transparent);\n}\n\n.omniscribe_config-dictionary-add-btn:disabled {\n  background-color: #e5e8eb;\n  border-color: #e5e8eb;\n  color: #9ca3af;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.omniscribe_config-dictionary-list {\n  display: flex;\n  padding-top: 16px;\n  flex-direction: column;\n  gap: 8px;\n  max-height: 410px;\n  overflow-y: auto;\n  margin-top: 4px;\n}\n\n.omniscribe_config-dictionary-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background-color: #f9fafb;\n  border: 1px solid #e5e8eb;\n  border-radius: 8px;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_config-dictionary-row:hover {\n  background-color: #f3f4f6;\n  border-color: #d1d5db;\n}\n\n.omniscribe_config-dictionary-cell {\n  flex: 1;\n  font-size: 14px;\n  line-height: 20px;\n  color: #374151;\n  word-break: break-word;\n  font-weight: 500;\n}\n\n.omniscribe_config-dictionary-arrow {\n  color: #9ca3af;\n  font-size: 16px;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.omniscribe_config-dictionary-delete-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  transition: all 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-dictionary-delete-btn:hover {\n  background-color: #fee2e2;\n  color: #dc2626;\n  transform: scale(1.05);\n}\n\n.omniscribe_config-dictionary-empty {\n  padding: 40px 16px;\n  margin-top: 16px;\n  text-align: center;\n  color: #6b7280;\n  font-size: 14px;\n  line-height: 20px;\n  background-color: #f9fafb;\n  border: 2px dashed #e5e8eb;\n  border-radius: 12px;\n  font-style: italic;\n}\n\n/* Template specific styles */\n\n/* General prompt section */\n.omniscribe_template-general-prompt-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n\n.omniscribe_template-section-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #374151;\n  line-height: 1.4;\n}\n\n.omniscribe_template-section-subtitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  color: #6b7280;\n  line-height: 1.4;\n}\n\n.omniscribe_template-general-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 200px;\n  padding: 12px;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: #374151;\n  background-color: white;\n  resize: vertical;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_template-general-prompt-textarea::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.omniscribe_template-general-prompt-textarea:focus {\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n/* Fields section */\n.omniscribe_template-fields-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n}\n\n.omniscribe_template-field {\n  background: white;\n  border-bottom: 1px solid #e1e8ed;\n  margin-bottom: 0;\n}\n\n.omniscribe_template-field:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_template-field-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  background: #ffffff;\n}\n\n.omniscribe_template-field-checkbox {\n  background: none;\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-label {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 500;\n  color: #2c3e50;\n}\n\n.omniscribe_template-field-prompt-btn {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-prompt-btn:hover {\n  background-color: #f3f4f6;\n}\n\n.omniscribe_template-field-content {\n  padding: 0 0 12px 34px;\n  background: white;\n}\n\n.omniscribe_template-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 300px;\n  padding: 12px;\n  border: 1px solid #e1e8ed;\n  border-radius: 6px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  background: white;\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n\n.omniscribe_template-textarea:focus {\n  outline: none;\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n.omniscribe_template-character-count {\n  margin-top: 8px;\n  font-size: 12px;\n  color: #95a5a6;\n  display: flex;\n}\n\n/* Template fields container */\n.omniscribe_template-fields {\n  display: flex;\n  flex-direction: column;\n  background: white;\n}\n\n/* Improved scrollbar for template fields */\n.omniscribe_template-fields::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb {\n  background: #c1c1c1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb:hover {\n  background: #a8a8a8;\n}\n\n.omniscribe_config-version-section {\n  background: #f6f7f9;\n  color: #4a5364;\n  padding: 8px 24px;\n  font-weight: 700;\n  line-height: 16.8px;\n  font-size: 14px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n\n/* Source: modules/transcription/components/audio-visualizer/AudioVisualizer.css */\n.omniscribe_audio-visualizer-container {\n  display: flex;\n  border-radius: var(--radius-md);\n  width: calc(var(--spacing) * 60);\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  background: transparent;\n  overflow: hidden;\n}\n\n.omniscribe_audio-visualizer-subcontainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_audio-visualizer-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding-inline: 1px;\n  margin-top: 0.25rem;\n}\n\n.omniscribe_audio-visualizer-item {\n  width: 2px;\n  height: 2px;\n  background-color: rgba(48, 54, 68, 0.85);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 50ms;\n}\n\n.lk-audio-bar-visualizer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: var(--lk-bg);\n  gap: var(--lk-va-bar-gap, 24px);\n}\n.lk-audio-bar-visualizer > .lk-audio-bar {\n  transform-origin: 'center';\n  height: 100%;\n  width: var(--lk-va-bar-width, 12px);\n  border-radius: var(--lk-va-bar-border-radius, 32px);\n  background-color: var(--lk-va-bar-bg, rgba(136, 136, 136, 0.2));\n  transition: background-color 0.25s ease-out;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='speaking'] > .lk-audio-bar,\n.lk-audio-bar-visualizer > .lk-audio-bar.lk-highlighted,\n.lk-audio-bar-visualizer > [data-lk-highlighted='true'] {\n  background-color: var(--lk-fg, rgb(136, 136, 136));\n  transition: none;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='thinking'] {\n  transition: background-color 0.15s ease-out;\n}\n\n\n/* Source: modules/transcription/components/content-container/content-containter.css */\n.omniscribe_audio-content-container {\n  background-color: var(--white);\n  width: -webkit-fill-available;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n}\n\n.omniscribe_audio-content-messages {\n  color: var(--black);\n}\n\n.omniscribe_transcription-footer-container {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  padding-bottom: calc(var(--spacing) * 3);\n}\n\n.omniscribe_audio-content-render {\n  color: var(--black);\n  font-weight: var(--font-weight-medium);\n  padding-block: 0.5rem;\n  padding-inline: 0.75rem;\n  margin-bottom: 0.25rem;\n}\n\n.omniscribe_patient {\n  color: #db10c1;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_doctor {\n  color: var(--blue-500);\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_speaker {\n  color: #28a745;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_transcription {\n  color: var(--black);\n}\n\n.omniscribe_transcription-down-btn-container {\n  background-color: white;\n}\n\n.omniscribe_transcription-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Chrome, Safari, Edge (Webkit) */\n.omniscribe_audio-content-container > div::-webkit-scrollbar {\n  width: 6px !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background-color: var(--omni-secondary) !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-track {\n  background-color: transparent !important;\n}\n\n/* Firefox */\n.omniscribe_audio-content-container > div {\n  scrollbar-width: thin !important;\n  scrollbar-color: var(--omni-secondary) transparent !important;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/transcription/components/recorder-counter/RecorderCounter.css */\n.omniscribe_audio-recorder-timer {\n  color: var(--blue-500);\n  font-weight: 600; /* SemiBold */\n  font-style: normal; /* SemiBold is a weight, not a style */\n  font-size: var(--font-size-400); /* design token */\n  line-height: var(--line-height-400); /* design token */\n  letter-spacing: 0;\n  text-align: center;\n}\n\n\n/* Source: modules/transcription/components/report-button/ReportButton.css */\n.omniscribe_report-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.5rem;\n}\n.omniscribe_report-button-width {\n  max-height: 32px;\n  font-size: var(--text-xs) !important;\n}\n.omniscribe_regenerate-button-width {\n  max-height: 32px;\n  background-color: var(--blue-500) !important;\n  font-size: var(--text-xs) !important;\n}\n.omniscribe_regenerate-button-width:hover {\n  background-color: #0c48ad !important; /* darker shade of blue */\n}\n\n\n/* Source: modules/transcription/components/toggle-record/ToggleRecord.css */\n.omniscribe_record-button-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.omniscribe_record-button-classname {\n  background-color: transparent;\n  border: none;\n  padding: 4px;\n}\n\n.omniscribe_record-button {\n  background-color: var(--primary-button);\n  border-radius: 50%;\n  cursor: pointer;\n  width: 56px;\n  height: 56px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  transition-duration: 300ms;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_record-button-enabled {\n  opacity: 100%;\n  pointer-events: auto;\n  scale: 110%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-not-enabled {\n  opacity: 50%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-disabled {\n  opacity: 50%;\n  background-color: dimgray;\n  pointer-events: none;\n}\n\n.omniscribe_record-enabled {\n  width: 50px;\n  height: 50px;\n  background-color: var(--primary-button);\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  position: absolute;\n  z-index: -1;\n  border-radius: calc(infinity * 1px);\n  opacity: 100%;\n}\n\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n\n/* Source: modules/transcription/section/AudioRecorder.css */\n.omniscribe_audio-recorder {\n  align-items: center;\n  padding-block: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  background-color: var(--white);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n}\n\n[dir='ltr'] .omniscribe_audio-recorder {\n  border-bottom-left-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_audio-recorder {\n  border-bottom-right-radius: 12px;\n  border-bottom-left-radius: 0px;\n}\n\n.omniscribe_audio-recorder-container {\n  display: flex;\n  align-items: center;\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  max-height: 42px;\n  border-radius: 9999px;\n  border-width: 1px;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  flex: 1;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n  padding-inline: calc(var(--spacing) * 2);\n}\n\n.omniscribe_audio-recorder-audio-container {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n\n.omniscribe_audio-recorder-refresh-btn {\n  cursor: pointer;\n  background-color: #f6f7f9;\n  border-radius: 100px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease,\n    background-color 0.3s ease;\n  transform: scale(1);\n}\n.omniscribe_audio-recorder-refresh-btn-enabled {\n  pointer-events: auto;\n  opacity: 1;\n\n  &:hover {\n    transform: scale(1.15);\n  }\n}\n.omniscribe_audio-recorder-refresh-btn-disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.omniscribe_audio-recorder-audio-content-container {\n  border: 1px solid #e5e7ec;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-radius: 8px;\n  margin-top: 18px;\n  padding-top: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n}\n.omniscribe_audio-recorder-footer {\n  border-top: 1px solid #e5e7ec;\n  padding-top: 16px;\n  margin-top: 12px;\n  display: flex;\n  width: 100%;\n}\n.omniscribe_audio-recorder-footer-content {\n  padding-inline: calc(var(--spacing) * 4);\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n.omniscribe_audio-recorder-audio-info {\n  font-size: var(--text-xs);\n  line-height: var(--tw-leading, var(--text-xs--line-height));\n  color: #6f7d95;\n  padding-block: 8px;\n}\n\n.omniscribe_audio-recorder-audio-star-icons {\n  display: flex;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_audio-recorder-audio-feedback {\n  color: #a4adbc;\n}\n\n.omniscribe_audio-recorder-refresh-icon {\n  color: #252a32;\n}\n\n.omniscribe_audio-recorder-star-icon {\n  cursor: pointer;\n  display: inline-block;\n}\n\n\n/* Source: shared/components/Card.css */\n.omniscribe_card {\n  background-color: var(--color-card, #ffffff);\n  color: var(--color-card-foreground, #000000);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  border-radius: 0.75rem;\n  border: 1px solid var(--color-border, var(--grey-200));\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.omniscribe_card-header {\n  container-type: inline-size;\n  container-name: card-header;\n  display: grid;\n  grid-auto-rows: min-content;\n  grid-template-rows: auto auto;\n  align-items: start;\n  gap: 0.375rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n/* When card-header has card-action, adjust grid layout */\n.omniscribe_card-header:has([data-slot='card-action']) {\n  grid-template-columns: 1fr auto;\n}\n\n/* When card-header has border-b class, add padding bottom */\n.omniscribe_card-header.border-b {\n  padding-bottom: 1.5rem;\n}\n\n.omniscribe_card-title {\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_card-description {\n  color: var(--color-muted-foreground, #6b7280);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.omniscribe_card-action {\n  grid-column-start: 2;\n  grid-row: span 2 / span 2;\n  grid-row-start: 1;\n  align-self: start;\n  justify-self: end;\n}\n\n.omniscribe_card-content {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer {\n  display: flex;\n  align-items: center;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer.border-t {\n  padding-top: 1.5rem;\n}\n\n\n/* Source: shared/components/app-skeleton.css */\n.omniscribe_app-skeleton {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--white);\n  border-radius: 12px;\n}\n\n/* Header */\n.omniscribe_app-skeleton-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-header-left,\n.omniscribe_app-skeleton-header-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_app-skeleton-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n}\n\n.omniscribe_app-skeleton-title {\n  width: 48px;\n  height: 20px;\n  border-radius: 4px;\n}\n\n.omniscribe_app-skeleton-badge {\n  width: 150px;\n  height: 32px;\n  border-radius: 99999px;\n}\n\n/* Disclaimer banner */\n.omniscribe_app-skeleton-banner {\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-banner-text {\n  width: 100%;\n  height: 16px;\n  border-radius: 4px;\n}\n\n/* Content */\n.omniscribe_app-skeleton-content {\n  flex: 1;\n  padding: 20px;\n}\n\n.omniscribe_app-skeleton-welcome {\n  width: 240px;\n  height: 28px;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n\n.omniscribe_app-skeleton-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_app-skeleton-suggestion {\n  height: 25px;\n  border-radius: 99999px;\n}\n\n.omniscribe_app-skeleton-suggestion--long {\n  width: 320px;\n}\n\n.omniscribe_app-skeleton-suggestion--longer {\n  width: 380px;\n}\n\n.omniscribe_app-skeleton-suggestion--medium {\n  width: 280px;\n}\n\n/* Bottom bar */\n.omniscribe_app-skeleton-bottom {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border-top: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-transcribe-btn {\n  width: 140px;\n  height: 40px;\n  border-radius: 99999px;\n  flex-shrink: 0;\n}\n\n.omniscribe_app-skeleton-input {\n  flex: 1;\n  height: 40px;\n  border-radius: 99999px;\n}\n\n\n/* Source: shared/components/button.css */\n.omniscribe_button {\n  border: none;\n  background: transparent;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spacing) * 2);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &:disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 50%;\n  }\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: calc(var(--spacing) * 4) /* 1rem = 16px */;\n    height: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    box-shadow: 0 0 0 calc(3px + var(--tw-ring-offset-width))\n      color-mix(in oklab, var(--ring) 50%, transparent);\n  }\n  &[aria-invalid='true'] {\n    border-color: var(--destructive);\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n\n.omniscribe_button-variant-default {\n  background-color: var(--primary);\n  color: var(--primary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  }\n}\n.omniscribe_button-variant-destructive {\n  background-color: var(--destructive);\n  color: var(--white);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n  }\n  &:focus-visible {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n.omniscribe_button-variant-outline {\n  border: solid 1px var(--input);\n  background-color: var(--background);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--accent);\n    color: var(--accent-foreground);\n  }\n}\n.omniscribe_button-variant-icon {\n  align-items: center;\n  border-radius: 100%;\n  padding: 10px;\n  & svg {\n    pointer-events: auto;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: auto;\n    height: auto;\n  }\n}\n.omniscribe_button-variant-secondadry {\n  background-color: var(--secondary);\n  pointer-events: cursor;\n  cursor: pointer;\n  color: var(--secondary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--secondary-hover) !important;\n  }\n  &:disabled {\n    background-color: #edeff2;\n    cursor: not-allowed;\n    color: #d5d9e0;\n  }\n}\n.omniscribe_button-variant-ghost:hover {\n  background-color: var(--accent);\n  color: var(--accent-foreground);\n}\n.omniscribe_button-variant-empty {\n  cursor: pointer;\n}\n.omniscribe_button-variant-primary {\n  cursor: pointer;\n  background-color: var(--primary-button);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px !important;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(\n      in oklab,\n      var(--primary-button) 60%,\n      transparent\n    );\n  }\n}\n.omniscribe_button-size-default {\n  height: calc(var(--spacing) * 9);\n  padding-inline: calc(var(--spacing) * 4);\n  padding-block: calc(var(--spacing) * 2);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 3) /* 0.75rem = 12px */;\n  }\n}\n.omniscribe_button-size-sm {\n  height: calc(var(--spacing) * 8);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  gap: calc(var(--spacing) * 1.5) /* 0.375rem = 6px */;\n  padding-inline: calc(var(--spacing) * 3);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n}\n\n.omniscribe_button-size-lg {\n  height: calc(var(--spacing) * 10);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  padding-inline: calc(var(--spacing) * 6);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n}\n\n.omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 5);\n  width: calc(var(--spacing) * 5);\n}\n.omniscribe_button-size-padding {\n  padding: calc(var(--spacing) * 2);\n  min-width: calc(var(--spacing) * 40);\n}\n\n.omniscribe_button-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height);\n}\n.omniscribe_button-whitespace {\n  white-space: nowrap;\n}\n.omniscribe_button-rounded {\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n.omniscribe_button-disabled {\n  pointer-events: none;\n}\n.omniscribe_button-loading {\n  opacity: 50%;\n}\n.omniscribe_button-animate-spin {\n  animation: spin 1s linear infinite;\n}\n.omniscribe_button-variant-report {\n  cursor: pointer;\n  background-color: var(--report);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(in oklab, var(--report) 60%, transparent);\n  }\n}\n\n\n/* Source: shared/components/feedback-modal.css */\n.omniscribe_feedback-modal {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-top: 8px;\n  min-width: 200px;\n  width: 200px;\n  transform-origin: top left;\n}\n\n.omniscribe_feedback-input-container {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n}\n\n.omniscribe_feedback-textarea {\n  flex: 1;\n  border: transparent;\n  border-radius: 8px;\n  padding: 12px 12px 12px 12px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  resize: none;\n  min-height: 20px;\n  max-height: 200px;\n  overflow-y: auto;\n  font-family: inherit;\n  line-height: 1.4;\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_feedback-textarea-padding {\n  margin-bottom: 34px;\n  padding-bottom: 0px !important;\n}\n\n.omniscribe_feedback-icons {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_feedback-icons:has(.omniscribe_feedback-send) {\n  bottom: 8px;\n  top: auto;\n  transform: none;\n}\n\n.omniscribe_feedback-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-close:hover {\n  background-color: #f3f4f6;\n  color: #374151;\n}\n\n.omniscribe_feedback-close svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-send {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue-500);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-send:hover {\n  background-color: #f0f7ff;\n  color: #0d47a1;\n}\n\n.omniscribe_feedback-send svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-confirmation {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-top: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n.omniscribe_feedback-confirmation-icon {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Right-positioned modal styles */\n.omniscribe_feedback-modal-right {\n  position: absolute;\n  top: 7px;\n  left: 17%;\n  z-index: 10000;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-left: 8px;\n  width: 200px;\n  transform-origin: bottom left;\n}\n\n.omniscribe_feedback-sending-center {\n  top: 100%;\n  left: 0;\n}\n\n.omniscribe_feedback-sending-right {\n  top: 20px;\n  left: 17%;\n}\n\n.omniscribe_feedback-sending {\n  position: absolute;\n  z-index: 10000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.omniscribe_feedback-confirmation-right {\n  position: absolute;\n  top: 20px;\n  left: 17%;\n  z-index: 10000;\n  background: white;\n  color: black;\n  border: 1px solid #e5e7ec;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n@keyframes fadeInOut {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  10% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  90% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n}\n\n\n/* Source: shared/components/input.css */\n.omniscribe_input {\n  height: calc(var(--spacing) * 9);\n  width: 100%;\n  display: flex;\n  border-radius: calc(var(--radius));\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 1);\n  font-size: var(--text-base) /* 1rem = 16px */;\n  line-height: var(--text-base--line-height);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &::file-selector-button {\n    color: var(--foreground);\n    display: inline-flex;\n    height: calc(var(--spacing) * 7);\n    border: none;\n    background-color: transparent;\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n    font-weight: var(--font-weight-medium);\n  }\n  &::placeholder {\n    color: var(--muted-foreground);\n  }\n  &::selection {\n    background-color: var(--primary);\n    color: var(--primary-foreground);\n  }\n  &:disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  @media (width >= 48rem /* 768px */) {\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  }\n}\n\n.omniscribe_input-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_input.invalid {\n  border-color: #dc3545;\n  background-color: #fff5f5;\n  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.25);\n}\n\n.omniscribe_input-error {\n  color: #dc3545;\n  font-size: 10px;\n  margin-block: 0.25rem;\n  display: block;\n  line-height: 1;\n}\n\n\n/* Source: shared/components/loading-modal.css */\n.omniscribe_loading-modal-container {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n.omniscribe_loading-modal-subcontainer {\n  background-color: var(--white);\n  padding: calc(var(--spacing) * 8);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  text-align: center;\n  max-width: var(--container-md);\n}\n.omniscribe_loading-modal-msg {\n  font-size: var(--text-xl) /* 1.25rem = 20px */;\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin-bottom: calc(var(--spacing) * 4);\n}\n.omniscribe_loading-modal-spin {\n  display: inline-block;\n  width: calc(var(--spacing) * 12);\n  height: calc(var(--spacing) * 12);\n  border: solid 4px var(--color-gray-200);\n  border-top-color: var(--blue-500);\n  border-radius: calc(infinity * 1px);\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_app-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n\n/* Source: shared/components/modal.css */\n.omniscribe_modal-overlay {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n\n.omniscribe_modal-container {\n  position: relative;\n  background-color: var(--white);\n  z-index: 100;\n  border-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  padding: calc(var(--spacing) * 5);\n  transition-duration: 300ms;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  max-width: 90vw;\n  max-height: 90vh;\n}\n.omniscribe_modal-container-scroll {\n  overflow: auto;\n}\n\n.omniscribe_modal-container-show {\n  opacity: 100%;\n}\n\n.omniscribe_modal-container-hide {\n  opacity: 0%;\n}\n\n.omniscribe_modal-subcontainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_modal-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: calc(var(--spacing) * 2);\n}\n\n.omniscribe_modal-title {\n  font-size: var(--text-3xl); /* 1.875rem = 30px */\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin: 0;\n}\n\n.omniscribe_modal-button {\n  border: none;\n  background: transparent;\n  line-height: var(--text-2xl--line-height);\n  cursor: pointer;\n  color: var(--black);\n}\n\n@media (min-width: 768px) {\n  .omniscribe_modal-container {\n    max-width: 60vw;\n  }\n}\n\n/* Large screens: desktop */\n@media (min-width: 1024px) {\n  .omniscribe_modal-container {\n    max-width: 50vw;\n  }\n}\n\n/* Very large screens: large desktop and ultra-wide */\n@media (min-width: 1440px) {\n  .omniscribe_modal-container {\n    max-width: 40vw;\n  }\n}\n\n/* Intermediate breakpoint: large tablets */\n@media (min-width: 640px) and (max-width: 767px) {\n  .omniscribe_modal-container {\n    max-width: 70vw;\n  }\n}\n\n\n/* Source: shared/components/select.css */\n.omniscribe_select-container {\n  position: relative;\n  width: 100%;\n  padding-block: calc(var(--spacing) * 3);\n}\n.omniscribe_select-button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: calc(var(--spacing) * 3);\n  background-color: var(--white);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: solid 1px var(--light-border);\n  cursor: pointer;\n}\n.omniscribe_select-text {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2);\n}\n.omniscribe_select-content-container {\n  position: absolute;\n  width: 100%;\n  margin-top: calc(var(--spacing) * 2);\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  bottom: calc(var(--spacing) * 15);\n  padding-inline: calc(var(--spacing) * 1);\n  padding-block: calc(var(--spacing) * 0.5);\n  z-index: 9999;\n}\n.omniscribe_select-content-ul {\n  overflow-y: scroll;\n  max-height: calc(var(--spacing) * 44);\n  padding-inline: 5px;\n}\n.omniscribe_select-content-li {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(var(--spacing) * 3);\n  cursor: pointer;\n  &:hover {\n    @media (hover: hover) {\n      background-color: var(--color-gray-100);\n    }\n  }\n}\n.omniscribe_select-check-icon {\n  width: calc(var(--spacing) * 5);\n  height: calc(var(--spacing) * 5);\n  color: var(--color-slate-500) /* oklch(55.4% 0.046 257.417) = #62748e */;\n}\n.omniscribe_select-content-li-span {\n  display: flex;\n  align-items: center;\n  gap: calc(0.25rem /* 4px */ * 2);\n}\n\n\n/* Source: shared/components/separator.css */\n/* Separator Component Styles */\n.omniscribe_separator {\n  border: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  flex-shrink: 0;\n}\n\n.omniscribe_separator--horizontal {\n  height: 0;\n  width: 100%;\n  border-top: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-right: none;\n  border-bottom: none;\n  border-left: none;\n}\n\n.omniscribe_separator--vertical {\n  width: 0;\n  height: 100%;\n  border-left: 1px solid var(--Stroke-greyscale-Active, #e5e7ec);\n  border-top: none;\n  border-right: none;\n  border-bottom: none;\n}\n\n\n/* Source: shared/components/skeleton.css */\n.omniscribe_skeleton {\n  background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n\n\n/* Source: shared/components/textarea.css */\n.omniscribe_textarea-default {\n  display: flex;\n  min-height: calc(var(--spacing) * 16);\n  width: -webkit-fill-available;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 2);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  &::placeholder {\n    color: var(--muted-foreground);\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n}\n\n.omniscribe_textarea-secondary {\n  padding: calc(var(--spacing) * 3.5);\n  padding-bottom: calc(var(--spacing) * 0);\n  border-style: none;\n  background-color: transparent;\n  resize: none;\n  &:focus {\n    outline-style: none;\n  }\n}\n.omniscribe_textarea-general {\n  font-family: 'Lato', sans-serif;\n  font-size: var(--font-size-100);\n  outline: none;\n}\n\n\n/* Source: shared/components/toast.css */\n.omniscribe_toast-stack {\n  position: fixed;\n  top: calc(var(--spacing) * 4);\n  right: calc(var(--spacing) * 4);\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  z-index: 9999;\n  pointer-events: none;\n}\n\n.omniscribe_toast-item {\n  border-radius: var(--radius);\n  padding: calc(var(--spacing) * 4);\n  width: calc(var(--spacing) * 120);\n  display: flex;\n  align-items: flex-start;\n  transition:\n    transform 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n}\n\n.omniscribe_toast-item-danger {\n  background-color: var(--color-red-500);\n}\n.omniscribe_toast-item-black {\n  background-color: var(--black);\n}\n.omniscribe_toast-item-show {\n  transform: translateX(0);\n  opacity: 1;\n}\n.omniscribe_toast-item-hide {\n  transform: translateX(120%);\n  opacity: 0;\n}\n.omniscribe_toast-subcontainer {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  display: flex;\n  flex-direction: column;\n  color: var(--white);\n  flex: 1;\n}\n.omniscribe_toast-title {\n  font-size: 18px;\n  font-weight: var(--font-weight-bold);\n}\n.omniscribe_toast-msg {\n  font-size: 16px;\n}\n.omniscribe_toast-close {\n  background: none;\n  border: none;\n  color: var(--white);\n  font-size: 18px;\n  cursor: pointer;\n  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);\n  align-self: flex-start;\n  opacity: 0.8;\n}\n.omniscribe_toast-close:hover {\n  opacity: 1;\n}\n\n\n/* Source: shared/components/toggle.css */\n.omniscribe_toggle-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  flex-direction: column;\n}\n\n.omniscribe_toggle-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: #374151;\n  flex: 1;\n}\n\n.omniscribe_toggle-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_toggle-switch {\n  position: relative;\n  width: 29px;\n  height: 16px;\n  background-color: #d1d5db;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  outline: none;\n}\n\n.omniscribe_toggle-switch:focus-visible {\n  box-shadow: 0 0 0 2px #132caa;\n}\n\n.omniscribe_toggle-switch-checked {\n  background-color: #132caa;\n}\n\n.omniscribe_toggle-switch-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_toggle-thumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  background-color: white;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_toggle-switch-checked .omniscribe_toggle-thumb {\n  transform: translateX(13px);\n}\n\n.omniscribe_toggle-status {\n  font-size: 14px;\n  font-weight: 500;\n  color: #6b7280;\n  min-width: 70px;\n}\n\n.omniscribe_toggle-switch-checked + .omniscribe_toggle-status {\n  color: #4a5364;\n}\n\n\n/* Source: shared/components/tooltip.css */\n.tooltip-base {\n  position: fixed;\n  z-index: 9999;\n  border-radius: 0.375rem; /* rounded-md */\n  background-color: #111827;\n  padding: 0.5rem 0.75rem; /* px-3 py-2 */\n  font-size: 0.875rem; /* text-sm */\n  font-family: 'Lato', sans-serif;\n  color: #ffffff; /* text-white */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */\n  transition: opacity 0.2s ease-in-out; /* transition-opacity duration-200 */\n  pointer-events: none;\n  user-select: none;\n  word-wrap: break-word;\n  line-height: 1.4;\n}\n\n/* Tooltip Arrow Styles */\n.tooltip-arrow {\n  position: absolute;\n  width: 0.5rem; /* w-2 */\n  height: 0.5rem; /* h-2 */\n  background-color: #111827;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning for each side */\n.tooltip-arrow-top {\n  bottom: -0.25rem; /* bottom-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-bottom {\n  top: -0.25rem; /* top-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-left {\n  right: -0.25rem; /* right-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-right {\n  left: -0.25rem; /* left-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n/* Width classes based on message length */\n.tooltip-width-auto {\n  width: auto;\n  white-space: nowrap;\n}\n\n.tooltip-width-200 {\n  width: auto;\n  max-width: 200px;\n}\n\n.tooltip-width-xs {\n  width: auto;\n  max-width: 20rem; /* max-w-xs */\n}\n\n.tooltip-width-sm {\n  width: auto;\n  max-width: 24rem; /* max-w-sm */\n}\n\n.tooltip-width-400 {\n  width: auto;\n  max-width: 400px;\n}\n\n/* Trigger container styles */\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n/* Animation classes */\n.tooltip-enter {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.tooltip-enter-active {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n\n.tooltip-exit {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.tooltip-exit-active {\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity 0.15s ease-in-out,\n    transform 0.15s ease-in-out;\n}\n\n/* Dark theme variant */\n.tooltip-dark {\n  background-color: #1f2937; /* bg-gray-800 */\n  color: var(--grey-50);\n}\n\n.tooltip-dark .tooltip-arrow {\n  background-color: #1f2937;\n}\n\n/* Light theme variant */\n.tooltip-light {\n  background-color: #ffffff;\n  color: #374151; /* text-gray-700 */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05),\n    0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n\n.tooltip-light .tooltip-arrow {\n  background-color: #ffffff;\n}\n\n/* Responsive breakpoints */\n@media (max-width: 640px) {\n  .tooltip-base {\n    max-width: calc(100vw - 2rem);\n    font-size: 0.8125rem; /* Slightly smaller on mobile */\n  }\n\n  .tooltip-width-400,\n  .tooltip-width-sm,\n  .tooltip-width-xs {\n    max-width: calc(100vw - 2rem);\n  }\n}\n\n/* High contrast mode support */\n@media (prefers-contrast: high) {\n  .tooltip-base {\n    border: 2px solid #ffffff;\n  }\n\n  .tooltip-light {\n    border: 2px solid #000000;\n  }\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-base,\n  .tooltip-enter-active,\n  .tooltip-exit-active {\n    transition: none;\n  }\n}\n\n\n/* Source: test/mocks/empty.css */\n/* Empty CSS file for mocking styles */\n";
 
 	const injectedCss$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 		__proto__: null,