@jjlmoya/utils-cooking 1.9.0 → 1.11.0

package/src/tool/cookware-guide/i18n/fr.ts

@@ -1,41 +1,41 @@
 import type { ToolLocaleContent } from '../../../types';
 
-const title = "Smart Cookware Selector | Kitchen Utensils Guide";
-const description = "Interactive guide to choose the best pan or pot based on your cooking style. Iron vs Stainless Steel vs Teflon. Find your perfect tool.";
+const title = "Sélecteur d'Ustensiles Connecté | Guide de Cuisine";
+const description = "Guide interactif pour choisir la meilleure poêle ou casserole selon votre style de cuisine. Fonte vs Acier Inoxydable vs Téflon. Trouvez votre outil parfait.";
 const faq = [
     {
-      question: 'What is the best pan for daily use?',
-      answer: 'For most people, a high-quality stainless steel pan or a well-seasoned cast iron are the best. Stainless is versatile and eternal, while iron offers natural non-stick without chemicals.',
+      question: 'Quelle est la meilleure poêle pour un usage quotidien ?',
+      answer: "Pour la plupart des gens, une poêle en acier inoxydable de haute qualité ou eine fonte bien culottée sont les meilleures options. L'inox est polyvalent et éternel, tandis que la fonte offre un anti-adhésif naturel sans produits chimiques.",
     },
     {
-      question: 'Why does food stick to stainless steel?',
-      answer: 'Usually due to insufficient heat or adding food too early. Try the "Leidenfrost effect": heat the pan until a water droplet rolls like a pearl. Then it\'s ready.',
+      question: 'Pourquoi les aliments attachent-ils à l\'acier inoxydable ?',
+      answer: 'Généralement en raison d\'une chaleur insuffisante ou de l\'ajout d\'aliments trop tôt. Essayez l\'"effet Leidenfrost" : chauffez la poêle jusqu\'à ce qu\'une goutte d\'eau roule comme une perle. Elle est alors prête.',
     },
     {
-      question: 'How do I know if my pan is safe?',
-      answer: 'Look for "PFOA Free" labels. Cast iron, carbon steel, and stainless steel are the safest and most durable options, as they have no coatings that degrade over time.',
+      question: 'Comment savoir si ma poêle est sûre ?',
+      answer: 'Recherchez les étiquettes "Sans PFOA". La fonte, l\'acier au carbone et l\'acier inoxydable sont les options les plus sûres et les plus durables, car elles n\'ont pas de revêtements qui se dégradent avec le temps.',
     },
     {
-      question: 'What does it mean to "season" a pan?',
-      answer: 'It\'s the process of creating a layer of polymerized oil on the metal (iron or carbon). This protects against rust and creates a natural non-stick surface that improves with each use.',
+      question: 'Que signifie "culotter" une poêle ?',
+      answer: 'C\'est le processus de création d\'une couche d\'huile polymérisée sur le métal (fonte ou carbone). Cela protège de la rouille et crée une surface anti-adhésive naturelle qui s\'améliore à chaque utilisation.',
     },
     {
-      question: 'How much should I spend on a good pan?',
-      answer: 'A set of 2-3 medium-high quality pans (stainless or iron) can last 20+ years. It\'s better to invest well in one pan than to buy 5 cheap ones lasting 2 years. Quality over quantity.',
+      question: 'Combien devrais-je dépenser pour une bonne poêle ?',
+      answer: 'Un ensemble de 2-3 poêles de qualité moyenne-haute (inox ou fonte) peut durer plus de 20 ans. Il vaut mieux investir dans une bonne poêle que d\'en acheter 5 bon marché qui durent 2 ans. La qualité avant la quantité.',
     },
   ];
 const howTo = [
     {
-      name: 'Select your cooking style',
-      text: 'Choose between high heat (searing), delicate (eggs), stews (slow cooking) or quick cooking. Each style has distinct requirements.',
+      name: 'Sélectionnez votre style de cuisine',
+      text: 'Choisissez entre feu vif (saisir), délicat (œufs), ragoûts (cuisson lente) ou cuisine rapide. Chaque style a des exigences distinctes.',
     },
     {
-      name: 'Choose the ideal material',
-      text: 'Based on your style, the tool will recommend the best material: iron, stainless steel, copper, or teflon.',
+      name: 'Choisissez le matériau idéal',
+      text: 'En fonction de votre style, l\'outil recommandera le meilleur matériau : fonte, acier inoxydable, cuivre ou téflon.',
     },
     {
-      name: 'Read the characteristics',
-      text: 'Understand advantages, disadvantages, maintenance, and durability. Then choose the specific pan that fits your budget and needs.',
+      name: 'Lisez les caractéristiques',
+      text: 'Comprenez les avantages, les inconvénients, l\'entretien et la durabilité. Choisissez ensuite la poêle spécifique qui correspond à votre budget et à vos besoins.',
     },
   ];
 
@@ -73,40 +73,39 @@ const appSchema = {
 
 export const content: ToolLocaleContent = {
   slug: 'cookware-selector',
-  title: 'Smart Cookware Selector | Kitchen Utensils Guide',
-  description: 'Interactive guide to choose the best pan or pot based on your cooking style. Iron vs Stainless Steel vs Teflon. Find your perfect tool.',
+  title: 'Sélecteur d\'Ustensiles Connecté | Guide de Cuisine',
+  description: 'Guide interactif pour choisir la meilleure poêle ou casserole selon votre style de cuisine. Fonte vs Acier Inoxydable vs Téflon. Trouvez votre outil parfait.',
   faqTitle: 'Questions Fréquemment Posées',
-  bibliographyTitle: 'Bibliographie',
+  bibliographyTitle: 'Sources et Bibliographie',
   faq: [
     {
-      question: 'What is the best pan for daily use?',
-      answer: 'For most people, a high-quality stainless steel pan or a well-seasoned cast iron are the best. Stainless is versatile and eternal, while iron offers natural non-stick without chemicals.',
+      question: 'Quelle est la meilleure poêle pour un usage quotidien ?',
+      answer: "Pour la plupart des gens, une poêle en acier inoxydable de haute qualité ou eine fonte bien culottée sont les meilleures options. L'inox est polyvalent et éternel, tandis que la fonte offre un anti-adhésif naturel sans produits chimiques.",
     },
     {
-      question: 'Why does food stick to stainless steel?',
-      answer: 'Usually due to insufficient heat or adding food too early. Try the "Leidenfrost effect": heat the pan until a water droplet rolls like a pearl. Then it\'s ready.',
+      question: 'Pourquoi les aliments attachent-ils à l\'acier inoxydable ?',
+      answer: 'Généralement en raison d\'une chaleur insuffisante ou de l\'ajout d\'aliments trop tôt. Essayez l\'"effet Leidenfrost" : chauffez la poêle jusqu\'à ce qu\'une goutte d\'eau roule comme une perle. Elle est alors prête.',
     },
     {
-      question: 'How do I know if my pan is safe?',
-      answer: 'Look for "PFOA Free" labels. Cast iron, carbon steel, and stainless steel are the safest and most durable options, as they have no coatings that degrade over time.',
+      question: 'Comment savoir si ma poêle est sûre ?',
+      answer: 'Recherchez les étiquettes "Sans PFOA". La fonte, l\'acier au carbone et l\'acier inoxydable sont les options les plus sûres et les plus durables, car elles n\'ont pas de revêtements qui se dégradent avec le temps.',
     },
     {
-      question: 'What does it mean to "season" a pan?',
-      answer: 'It\'s the process of creating a layer of polymerized oil on the metal (iron or carbon). This protects against rust and creates a natural non-stick surface that improves with each use.',
+      question: 'Que signifie "culotter" une poêle ?',
+      answer: 'C\'est le processus de création d\'une couche d\'huile polymérisée sur le métal (fonte ou carbone). Cela protège de la rouille et crée une surface anti-adhésive naturelle qui s\'améliore à chaque utilisation.',
     },
     {
-      question: 'How much should I spend on a good pan?',
-      answer: 'A set of 2-3 medium-high quality pans (stainless or iron) can last 20+ years. It\'s better to invest well in one pan than to buy 5 cheap ones lasting 2 years. Quality over quantity.',
+      question: 'Combien devrais-je dépenser pour une bonne poêle ?',
+      answer: 'Un ensemble de 2-3 poêles de qualité moyenne-haute (inox ou fonte) peut durer plus de 20 ans. Il vaut mieux investir dans une bonne poêle que d\'en acheter 5 bon marché qui durent 2 ans. La qualité avant la quantité.',
     },
   ],
-  bibliographyTitle: 'Bibliography',
   bibliography: [
     {
-      name: 'The Flavor Bible - Pairing and Progress in Food',
+      name: 'The Flavor Bible - Association et Progrès en Cuisine',
       url: 'https://www.flavorprints.com/',
     },
     {
-      name: 'On Food and Cooking - Harold McGee (The Science of Cooking)',
+      name: 'On Food and Cooking - Harold McGee (La Science de la Cuisine)',
       url: 'https://www.foodscience.org/',
     },
     {
@@ -116,120 +115,120 @@ export const content: ToolLocaleContent = {
   ],
   howTo: [
     {
-      name: 'Select your cooking style',
-      text: 'Choose between high heat (searing), delicate (eggs), stews (slow cooking) or quick cooking. Each style has distinct requirements.',
+      name: 'Sélectionnez votre style de cuisine',
+      text: 'Choisissez entre feu vif (saisir), délicat (œufs), ragoûts (cuisson lente) ou cuisine rapide. Chaque style a des exigences distinctes.',
     },
     {
-      name: 'Choose the ideal material',
-      text: 'Based on your style, the tool will recommend the best material: iron, stainless steel, copper, or teflon.',
+      name: 'Choisissez le matériau idéal',
+      text: 'En fonction de votre style, l\'outil recommandera le meilleur matériau : fonte, acier inoxydable, cuivre ou téflon.',
     },
     {
-      name: 'Read the characteristics',
-      text: 'Understand advantages, disadvantages, maintenance, and durability. Then choose the specific pan that fits your budget and needs.',
+      name: 'Lisez les caractéristiques',
+      text: 'Comprenez les avantages, les inconvénients, l\'entretien et la durabilité. Choisissez ensuite la poêle spécifique qui correspond à votre budget et à vos besoins.',
     },
   ],
   seo: [
     {
       type: 'title',
-      text: 'Pan Materials: Science and Practice',
+      text: 'Matériaux de Poêle : Science et Pratique',
       level: 2,
     },
     {
       type: 'paragraph',
-      html: 'Not all pans are equal. Each material has distinct thermodynamic properties that affect how it distributes heat, what temperatures it tolerates, and how it interacts with food. Understanding these differences is the key to choosing the right tool.',
+      html: 'Toutes les poêles ne se valent pas. Chaque matériau possède des propriétés thermodynamiques distinctes qui affectent la répartition de la chaleur, les températures tolérées et l\'interaction avec les aliments. Comprendre ces différences est la clé pour choisir le bon outil.',
     },
     {
       type: 'title',
-      text: 'Cast Iron: The Classic',
+      text: 'Fonte : Le Classique',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: '<strong>Advantages:</strong> Excellent heat retention, uniform distribution, natural non-stick (when seasoned), lasts centuries, improves with time. <strong>Disadvantages:</strong> Heavy, requires maintenance, can rust, takes longer to heat, not suitable for prolonged acids.',
+      html: '<strong>Avantages :</strong> Excellente rétention de chaleur, distribution uniforme, anti-adhésif naturel (si culottée), dure des siècles, s\'améliore avec le temps. <strong>Inconvénients :</strong> Lourde, nécessite un entretien, peut rouiller, chauffe plus lentement, ne convient pas aux acides prolongés.',
     },
     {
       type: 'title',
-      text: 'Stainless Steel: The Versatile',
+      text: 'Acier Inoxydable : Le Polyvalent',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: '<strong>Advantages:</strong> Durable, requires no maintenance, suitable for acids (wines, tomatoes), easy to clean, versatile, relatively economical. <strong>Disadvantages:</strong> Not naturally non-stick, requires technique (preheat well), uneven heat distribution (better with multi-layer bottom).',
+      html: '<strong>Avantages :</strong> Durable, ne nécessite aucun entretien, convient aux acides (vins, tomates), facile à nettoyer, polyvalent, relativement économique. <strong>Inconvénients :</strong> Pas naturellement anti-adhésif, nécessite de la technique (bien préchauffer), distribution de chaleur inégale (meilleure avec fond multicouche).',
     },
     {
       type: 'title',
-      text: 'Teflon/PTFE: The Convenient',
+      text: 'Téflon/PTFE : Le Pratique',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: '<strong>Advantages:</strong> Instant non-stick, easy cooking, easy cleaning, economical. <strong>Disadvantages:</strong> Degrades over time and temperature, needs replacement every 3-5 years, unsafe at very high temperatures (>500°F), PTFE safety is debated.',
+      html: '<strong>Avantages :</strong> Anti-adhésif instantané, cuisine facile, nettoyage facile, économique. <strong>Inconvénients :</strong> Se dégrade avec le temps et la température, doit être remplacé tous les 3 à 5 ans, dangereux à très haute température (>260°C), la sécurité du PTFE est débattue.',
     },
   ],
   ui: {
-    cookingStyle: 'How do you usually cook?',
-    material: 'Material Type',
-    highHeat: 'High Heat',
-    sear: 'Sear / Seal',
-    delicate: 'Delicate',
-    fry: 'Eggs / Omelets',
-    stew: 'Stews',
-    slowCook: 'Slow Cooking',
-    fast: 'Fast',
-    quick: 'Quick Cooking',
-    recommendation: 'Recommendation',
-    characteristics: 'Characteristics',
-    castIron: 'Cast Iron',
-    stainlessSteel: 'Stainless Steel',
-    carbon: 'Carbon Steel',
-    copper: 'Copper',
-    nonstick: 'Non-stick (Teflon)',
-    advantages: 'Advantages',
-    disadvantages: 'Disadvantages',
-    maintenance: 'Maintenance',
-    durability: 'Durability',
-    heatRetention: 'Heat Retention',
-    price: 'Price',
-    step1: 'How do you usually cook?',
-    step2: 'Maintenance Level',
-    maintenanceLazy: 'Low / None',
-    maintenanceLazyDesc: 'No complications washing.',
-    maintenanceCare: 'Medium',
-    maintenanceCareDesc: 'Normal hand washing.',
-    maintenanceRitual: 'Ritual (High)',
-    maintenanceRitualDesc: 'I enjoy seasoning.',
-    idealPan: 'Your Ideal Pan',
-    selectOptions: 'Select options',
-    seeRecommendation: 'To see your recommendation',
-    pro: 'PRO',
-    con: 'CONS',
-    masterTip: 'Master Tip',
-    defaultTip: 'Combining stainless steel for searing and non-stick for eggs is the foundation of any efficient kitchen.',
-    stainlessName: 'Stainless Steel',
-    stainlessTag: 'The Pro All-rounder',
-    stainlessPro: 'Eternal and non-reactive. Perfect searing.',
-    stainlessCon: 'Requires technique (heat) to avoid sticking.',
-    stainlessTip: 'Use the Leidenfrost effect: heat until a water droplet rolls like a pearl.',
-    nonstickName: 'Non-stick',
-    nonstickTag: 'Maximum Comfort',
-    nonstickPro: 'Nothing sticks. Easy cleanup.',
-    nonstickCon: 'Short lifespan (2-3 years). No high heat.',
-    nonstickTip: 'Always hand wash and use wood/silicone utensils to double its life.',
+    cookingStyle: 'Comment cuisinez-vous habituellement ?',
+    material: 'Type de Matériau',
+    highHeat: 'Feu Vif',
+    sear: 'Saisir / Sceller',
+    delicate: 'Délicat',
+    fry: 'Œufs / Omelettes',
+    stew: 'Mijotés',
+    slowCook: 'Cuisson Lente',
+    fast: 'Rapide',
+    quick: 'Cuisine Rapide',
+    recommendation: 'Recommandation',
+    characteristics: 'Caractéristiques',
+    castIron: 'Fonte',
+    stainlessSteel: 'Acier Inoxydable',
+    carbon: 'Acier au Carbone',
+    copper: 'Cuivre',
+    nonstick: 'Anti-adhésif (Téflon)',
+    advantages: 'Avantages',
+    disadvantages: 'Inconvénients',
+    maintenance: 'Entretien',
+    durability: 'Durabilité',
+    heatRetention: 'Rétention de Chaleur',
+    price: 'Prix',
+    step1: 'Comment cuisinez-vous habituellement ?',
+    step2: 'Niveau d\'Entretien',
+    maintenanceLazy: 'Faible / Aucun',
+    maintenanceLazyDesc: 'Pas de complications pour le lavage.',
+    maintenanceCare: 'Moyen',
+    maintenanceCareDesc: 'Lavage à la main normal.',
+    maintenanceRitual: 'Rituel (Élevé)',
+    maintenanceRitualDesc: "J'aime culotter mes poêles.",
+    idealPan: 'Votre Poêle Idéale',
+    selectOptions: 'Sélectionnez des options',
+    seeRecommendation: 'Pour voir votre recommandation',
+    pro: 'AVANTAGES',
+    con: 'INCONVÉNIENTS',
+    masterTip: 'Conseil de Chef',
+    defaultTip: 'Combiner l\'acier inoxydable pour saisir et l\'anti-adhésif pour les œufs est la base de toute cuisine efficace.',
+    stainlessName: 'Acier Inoxydable',
+    stainlessTag: 'Le Pro Polyvalent',
+    stainlessPro: 'Éternel et non réactif. Saisis parfaits.',
+    stainlessCon: 'Nécessite de la technique (chaleur) pour éviter d\'attacher.',
+    stainlessTip: 'Utilisez l\'effet Leidenfrost : chauffez jusqu\'à ce qu\'une goutte d\'eau roule comme une perle.',
+    nonstickName: 'Anti-adhésif',
+    nonstickTag: 'Confort Maximum',
+    nonstickPro: 'Rien n\'attache. Nettoyage facile.',
+    nonstickCon: 'Durée de vie courte (2-3 ans). Pas de feu vif.',
+    nonstickTip: 'Lavez toujours à la main et utilisez des ustensiles en bois/silicone pour doubler sa vie.',
     castironName: 'Cast Iron',
-    castironTag: 'The Classic Forever',
-    castironPro: 'Incredible heat retention. Eternal.',
-    castironCon: 'Very heavy. Requires regular seasoning.',
-    castironTip: 'Heats slowly, but once hot it\'s a tank. Ideal for steaks.',
-    carbonName: 'Carbon Steel',
-    carbonTag: 'Fire Agility',
-    carbonPro: 'Light as steel, almost like iron.',
-    carbonCon: 'Rusts if left wet. Rough aesthetics.',
-    carbonTip: 'The darker and uglier it gets, the better it works. Wok masters\' secret.',
-    enamelName: 'Enameled Cast Iron',
-    enamelTag: 'Gourmet Quality',
-    enamelPro: 'Better slow cooking. Beautiful aesthetics.',
-    enamelCon: 'Very expensive. Enamel fragile to hard impacts.',
-    enamelTip: 'Perfect for endless braises. Enamel handles acids (tomato) without issues.',
+    castironTag: 'Le Classique Éternel',
+    castironPro: 'Incroyable rétention de chaleur. Éternelle.',
+    castironCon: 'Très lourde. Nécessite un culottage régulier.',
+    castironTip: 'Chauffe lentement, mais une fois chaude, c\'est un tank. Idéal pour les steaks.',
+    carbonName: 'Acier au Carbone',
+    carbonTag: 'Agilité du Feu',
+    carbonPro: 'Léger comme l\'acier, presque comme la fonte.',
+    carbonCon: 'Rouille s\'il reste mouillé. Esthétique rugueuse.',
+    carbonTip: 'Plus elle devient sombre et moche, mieux elle fonctionne. Le secret des maîtres du wok.',
+    enamelName: 'Fonte Émaillée',
+    enamelTag: 'Qualité Gourmet',
+    enamelPro: 'Meilleure cuisson lente. Belle esthétique.',
+    enamelCon: 'Très chère. Émail fragile aux chocs violents.',
+    enamelTip: 'Parfait pour les braisés sans fin. L\'émail supporte les acides (tomate) sans problème.',
   },
   schemas: [faqSchema, howToSchema, appSchema],
 };

package/src/tool/ingredient-rescaler/component.astro

@@ -1,6 +1,5 @@
 ---
 import { Icon } from 'astro-icon/components';
-import './IngredientRescaler.css';
 
 interface Props {
 	ui: Record<string, string>;
@@ -105,3 +104,301 @@ ${ui.exampleLine4}`;
 		init();
 	}
 </script>
+
+<style is:global>
+	:root {
+		--ir-primary: hsl(220deg, 90%, 56%);
+		--ir-primary-light: hsl(220deg, 90%, 92%);
+		--ir-bg-card: hsl(0deg, 0%, 100%);
+		--ir-bg-app: hsl(210deg, 20%, 98%);
+		--ir-border: hsl(210deg, 20%, 90%);
+		--ir-text-main: hsl(210deg, 30%, 20%);
+		--ir-text-muted: hsl(210deg, 15%, 50%);
+		--ir-shadow-lg: 0 10px 15px -3px rgb(0, 0, 0, 0.1);
+		--ir-radius: 1rem;
+	}
+
+	.theme-dark {
+		--ir-bg-card: hsl(220deg, 25%, 12%);
+		--ir-bg-app: hsl(220deg, 30%, 7%);
+		--ir-border: hsl(220deg, 20%, 20%);
+		--ir-text-main: hsl(210deg, 20%, 95%);
+		--ir-text-muted: hsl(210deg, 15%, 70%);
+		--ir-primary-light: hsl(220deg, 90%, 12%);
+	}
+</style>
+
+<style>
+	.ingredient-rescaler-container {
+		max-width: 100%;
+		padding: 1.5rem;
+		background: var(--ir-bg-card);
+		border: 1px solid var(--ir-border);
+		border-radius: var(--ir-radius);
+		box-shadow: var(--ir-shadow-lg);
+	}
+
+	.ir-grid {
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: 2rem;
+		margin-bottom: 2rem;
+	}
+
+	@media (min-width: 768px) {
+		.ir-grid {
+			grid-template-columns: 1fr 1fr;
+		}
+	}
+
+	.ir-section {
+		background: var(--ir-bg-app);
+		padding: 1.5rem;
+		border-radius: 1.25rem;
+		border: 1px solid var(--ir-border);
+	}
+
+	.ir-section-primary {
+		background: var(--ir-bg-card);
+		border: 2px solid var(--ir-primary);
+	}
+
+	.ir-section-title {
+		font-size: 1.125rem;
+		font-weight: 700;
+		color: var(--ir-text-main);
+		margin-bottom: 1rem;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	.ir-section-primary .ir-section-title {
+		color: var(--ir-primary);
+	}
+
+	.ir-fields {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 1rem;
+		margin-bottom: 1.5rem;
+	}
+
+	.ir-field {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.ir-label {
+		font-size: 0.75rem;
+		font-weight: 700;
+		color: var(--ir-text-muted);
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+	}
+
+	.ir-input {
+		width: 100%;
+		padding: 0.75rem 1rem;
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-border);
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+		font-weight: 600;
+		font-size: 1.125rem;
+		text-align: center;
+		transition: all 0.3s ease;
+	}
+
+	.ir-input:focus {
+		outline: none;
+		border-color: var(--ir-primary);
+		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
+	}
+
+	.ir-factor-display {
+		margin-top: 1rem;
+		padding: 1rem;
+		background: var(--ir-primary-light);
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-primary);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.ir-factor-label {
+		font-size: 0.875rem;
+		font-weight: 600;
+		color: var(--ir-text-muted);
+	}
+
+	.ir-factor-value {
+		font-size: 2rem;
+		font-weight: 800;
+		color: var(--ir-primary);
+	}
+
+	.ir-textarea-container {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		gap: 0.5rem;
+	}
+
+	.ir-textarea {
+		width: 100%;
+		flex: 1;
+		min-height: 200px;
+		padding: 1rem;
+		border-radius: 0.75rem;
+		border: 1px solid var(--ir-border);
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+		font-size: 0.875rem;
+		resize: none;
+		line-height: 1.6;
+		transition: all 0.3s ease;
+	}
+
+	.ir-textarea:focus {
+		outline: none;
+		border-color: var(--ir-primary);
+		box-shadow: 0 0 0 3px hsl(220deg, 90%, 56%, 0.1);
+	}
+
+	.ir-textarea::placeholder {
+		color: hsl(210deg, 15%, 75%);
+	}
+
+	.ir-results-card {
+		background: var(--ir-text-main);
+		border-radius: 1.25rem;
+		border: 1px solid var(--ir-border);
+		overflow: hidden;
+		box-shadow: var(--ir-shadow-lg);
+	}
+
+	.ir-results-header {
+		padding: 1rem 1.5rem;
+		background: hsl(210deg, 30%, 15%);
+		border-bottom: 1px solid hsl(210deg, 30%, 25%);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	:global(.theme-dark) .ir-results-header {
+		background: hsl(220deg, 25%, 8%);
+		border-bottom-color: hsl(220deg, 25%, 20%);
+	}
+
+	.ir-results-title {
+		color: var(--ir-bg-card);
+		font-weight: 700;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	:global(.theme-dark) .ir-results-title {
+		color: var(--ir-text-main);
+	}
+
+	.ir-copy-btn {
+		font-size: 0.75rem;
+		background: hsl(210deg, 30%, 35%);
+		color: var(--ir-bg-card);
+		padding: 0.5rem 1rem;
+		border-radius: 0.5rem;
+		border: none;
+		cursor: pointer;
+		transition: all 0.3s ease;
+		font-weight: 600;
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	:global(.theme-dark) .ir-copy-btn {
+		background: hsl(220deg, 25%, 30%);
+		color: var(--ir-text-main);
+	}
+
+	.ir-copy-btn:hover {
+		background: hsl(210deg, 30%, 45%);
+	}
+
+	:global(.theme-dark) .ir-copy-btn:hover {
+		background: hsl(220deg, 25%, 40%);
+	}
+
+	.ir-copy-btn.ir-copied {
+		background: hsl(142deg, 72%, 45%);
+	}
+
+	.ir-results-container {
+		padding: 2rem;
+		font-size: 1rem;
+		display: flex;
+		flex-direction: column;
+		gap: 0.75rem;
+		min-height: 200px;
+		background: var(--ir-bg-card);
+		color: var(--ir-text-main);
+	}
+
+	.ir-empty-state {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 1rem;
+		opacity: 0.5;
+		color: var(--ir-text-muted);
+	}
+
+	.ir-empty-icon {
+		width: 3rem;
+		height: 3rem;
+	}
+
+	:global(.ir-result-row) {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		background: var(--ir-bg-app);
+		padding: 0.75rem;
+		border-radius: 0.5rem;
+		border-left: 4px solid transparent;
+		transition: all 0.3s ease;
+	}
+
+	:global(.ir-result-row):hover {
+		background: var(--ir-primary-light);
+		border-left-color: var(--ir-primary);
+	}
+
+	.ir-original-amount {
+		color: hsl(210deg, 15%, 75%);
+		font-size: 0.75rem;
+		text-decoration: line-through;
+		opacity: 0.75;
+	}
+
+	.ir-new-value {
+		color: var(--ir-primary);
+		font-weight: 800;
+		font-size: 1.125rem;
+	}
+
+	:global(.ir-no-amount-row) {
+		color: var(--ir-text-muted);
+		font-style: italic;
+		font-size: 0.875rem;
+		padding: 0.5rem;
+		background: transparent;
+	}
+</style>