@jjlmoya/utils-diy 1.1.0

package/package.json

@@ -0,0 +1,60 @@
+{
+    "name": "@jjlmoya/utils-diy",
+    "version": "1.1.0",
+    "type": "module",
+    "main": "./src/index.ts",
+    "types": "./src/index.ts",
+    "exports": {
+        ".": "./src/index.ts",
+        "./data": "./src/data.ts"
+    },
+    "files": [
+        "src"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "dev": "astro dev",
+        "start": "astro dev",
+        "build": "astro build",
+        "preview": "astro preview",
+        "astro": "astro",
+        "lint": "eslint src/ --max-warnings 0 && stylelint \"src/**/*.{css,astro}\"",
+        "check": "astro check",
+        "type-check": "astro check",
+        "test": "vitest run",
+        "preversion": "npm run lint && npm run test",
+        "postversion": "git push && git push --tags",
+        "patch": "npm version patch",
+        "minor": "npm version minor",
+        "major": "npm version major"
+    },
+    "lint-staged": {
+        "*.{ts,tsx,astro}": [
+            "eslint --fix"
+        ]
+    },
+    "dependencies": {
+        "@iconify-json/mdi": "^1.2.3",
+        "@jjlmoya/utils-shared": "1.2.0",
+        "astro": "^6.1.2",
+        "astro-icon": "^1.1.0"
+    },
+    "devDependencies": {
+        "@astrojs/check": "^0.9.8",
+        "eslint": "^9.39.4",
+        "eslint-plugin-astro": "^1.6.0",
+        "eslint-plugin-no-comments": "^1.1.10",
+        "husky": "^9.1.7",
+        "lint-staged": "^16.4.0",
+        "postcss-html": "^1.8.1",
+        "schema-dts": "^1.1.2",
+        "stylelint": "^17.6.0",
+        "stylelint-config-standard": "^40.0.0",
+        "stylelint-declaration-strict-value": "^1.11.1",
+        "typescript": "^5.4.0",
+        "typescript-eslint": "^8.58.0",
+        "vitest": "^4.1.2"
+    }
+}

package/src/category/i18n/en.ts

@@ -0,0 +1,110 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'diy',
+  title: 'Tools and Calculators for DIY and Construction Projects',
+  description:
+    'Plan your DIY projects with free online tools. Clay shrinkage calculators, resin mixing, concrete, cut optimizers and stair layout tools.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Home Engineering and DIY Projects: From Design to Reality',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'The <strong>Do It Yourself (DIY)</strong> movement has evolved from a simple hobby into a form of technical and creative autonomy. This section provides a suite of <strong>free online tools</strong> designed for makers, craftspeople and construction enthusiasts seeking professional results. We apply mathematical models and technical standards so every cut, every mix and every structure is safe and precise.',
+    },
+    {
+      type: 'paragraph',
+      html: 'From calculating the exact concrete dosage to optimizing cuts on wooden boards, our utilities eliminate material waste and guarantee the integrity of your projects.',
+    },
+    {
+      type: 'title',
+      text: 'Construction and Renovation: Concrete, Mortar and Stairs',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "The foundation of any structure is its mix. Our <strong>concrete mix calculator</strong> provides the exact dosage of cement, sand and gravel for any required volume. For fine masonry work, the <strong>mortar calculator</strong> adjusts lime-to-sand ratios for durable renders. Additionally, the stair layout tool uses <strong>Blondel's Law</strong> to guarantee comfortable, code-compliant steps.",
+    },
+    {
+      type: 'title',
+      text: 'Carpentry and Material Optimization',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Material is expensive and waste is unacceptable. The <strong>cut optimizer</strong> calculates the best distribution of pieces across boards or strips, minimizing offcuts. For furniture projects, the <strong>"Does the furniture fit?"</strong> calculator analyzes door and elevator dimensions to avoid logistical surprises during assembly.',
+    },
+    {
+      type: 'title',
+      text: 'Crafts and New Materials: Clay and Epoxy Resin',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Dynamic materials require phase-change calculations. In ceramics, the <strong>clay calculator</strong> estimates the shrinkage factor during drying and firing so your finished pieces have the exact desired dimensions. For resin pouring, our utility calculates total volume and mix ratio by weight or volume of components A and B, preventing bubbles and incomplete curing.',
+    },
+    {
+      type: 'title',
+      text: 'Electrical Safety and Technical Calculations',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'A bad electrical calculation can cause fires. Our <strong>voltage drop calculator</strong> determines the minimum cable cross-section needed based on line length and connected load (12V/24V/230V), ensuring your solar or domestic installations operate within current safety standards.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Cost Savings:</strong> Minimize waste of expensive materials like resins, wood and metals through algorithmic optimization.',
+        '<strong>Structural Safety:</strong> Calculations based on construction standards (Blondel, local electrical codes) for safe projects.',
+        '<strong>Precision in Detail:</strong> Correction factors for thermal expansion, chemical shrinkage and assembly tolerances.',
+        '<strong>Offline-Ready Tools:</strong> Use them in the workshop or on-site without heavy apps.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Execution Tip for the Job Site',
+      html: '<p><strong>Perfect Mix:</strong> Always add powder (cement/lime) to water, not the other way around. You will achieve more homogeneous hydration and avoid hard-to-dissolve lumps, guaranteeing the final strength of the material.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Budget Management: Cost Breakdown and Economic Optimization',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "A project without a budget is a project that falls apart. Our cost calculator lets you break down the price of each material, estimated labor, tools and contingencies. By optimizing cuts and reducing waste by 20%, you save significantly. Documenting every expense from the start allows real-time adjustments if surprises arise, letting you decide whether to complete the project, reduce scope or seek additional funding before it's too late.",
+    },
+    {
+      type: 'title',
+      text: 'Sustainability and Recycled Materials in DIY',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Modern DIY is ecological. Reusing boards, recycling resins, leveraging construction offcuts is the current trend. Our tools include conversions for recycled materials: if you find an old 80cm door and need 25cm panels, the cut optimizer shows you exactly how to use it. Building with environmental awareness is not just responsible; it's cheaper and more creative.",
+    },
+    {
+      type: 'title',
+      text: 'The democratization of personal manufacturing',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Access to <strong>simplified engineering software</strong> enables anyone to execute projects that previously required years of specialization. These tools are the bridge between your idea and its physical realization, giving you the confidence of data to build the world around you.',
+    },
+    {
+      type: 'stats',
+      columns: 2,
+      items: [
+        { label: 'Optimization', value: '95%+ Material', icon: 'mdi:saw-blade' },
+        { label: 'Safety', value: 'Standards-based', icon: 'mdi:ruler-square' },
+        { label: 'Materials', value: 'Recoverable', icon: 'mdi:tools' },
+        { label: 'Precision', value: 'Millimetric', icon: 'mdi:calculator' },
+      ],
+    },
+  ],
+};

package/src/category/i18n/es.ts

@@ -0,0 +1,110 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'diy',
+  title: 'Herramientas y Calculadoras para Proyectos DIY y Construcción',
+  description:
+    'Planifica tus proyectos de bricolaje con herramientas gratuitas online. Calculadoras de contracción de arcilla, mezclas de resina, hormigón, optimizadores de corte y trazado de escaleras.',
+  seo: [
+    {
+      type: 'title',
+      text: 'Ingeniería Doméstica y Proyectos DIY: Del Diseño a la Realidad',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El movimiento <strong>Do It Yourself (DIY)</strong> ha dejado de ser un simple pasatiempo para convertirse en una forma de soberanía técnica y creativa. En esta sección, proporcionamos una suite de <strong>herramientas gratuitas online</strong> diseñadas para makers, artesanos y aficionados a la construcción que buscan resultados profesionales. Aplicamos modelos matemáticos y normativas técnicas para que cada corte, cada mezcla y cada estructura sea segura y precisa.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Desde el cálculo de la dosificación exacta del hormigón hasta la optimización de cortes en tableros de madera, nuestras utilidades eliminan el desperdicio de material y garantizan la integridad de tus proyectos.',
+    },
+    {
+      type: 'title',
+      text: 'Construcción y Reformas: Hormigón, Morteros y Escaleras',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'La base de cualquier estructura es su mezcla. Nuestra calculadora de <strong>mezcla de hormigón</strong> permite obtener la dosificación exacta de cemento, arena y grava según el volumen necesario. Para trabajos de albañilería fina, la <strong>calculadora de morteros</strong> ajusta las proporciones de cal y arena para revocos duraderos. Además, el trazado de escaleras utiliza la <strong>Ley de Blondel</strong> para garantizar peldaños cómodos y normativos.',
+    },
+    {
+      type: 'title',
+      text: 'Carpintería y Optimización de Materiales',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El material es caro y el desperdicio es inaceptable. El <strong>optimizador de cortes</strong> calcula la mejor distribución de piezas sobre listones o tableros, minimizando el sobrante. Para proyectos de mobiliario, la calculadora <strong>"¿Cabe el mueble?"</strong> analiza dimensiones de puertas y ascensores para evitar sorpresas logísticas durante el montaje.',
+    },
+    {
+      type: 'title',
+      text: 'Artesanía y Nuevos Materiales: Arcilla y Resina Epoxi',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Los materiales dinámicos requieren cálculos de cambio de estado. En cerámica, la <strong>calculadora de arcilla</strong> estima el factor de contracción durante el secado y la cocción para que tus piezas finales tengan el tamaño exacto deseado. Para el vertido de resinas, nuestra utilidad calcula el volumen total y la proporción de mezcla según el peso o volumen del componente A y B, evitando burbujas y falta de curado.',
+    },
+    {
+      type: 'title',
+      text: 'Electricidad y Seguridad Técnica',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Un mal cálculo eléctrico puede causar incendios. Nuestra calculadora de <strong>caída de tensión</strong> determina la sección mínima de cable necesaria según la longitud de la línea y la carga conectada (12V/24V/230V), asegurando que tus instalaciones solares o domésticas funcionen bajo estándares de seguridad vigentes.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Ahorro de Costes:</strong> Minimiza el desperdicio de materiales caros como resinas, madera y metales mediante optimización algorítmica.',
+        '<strong>Seguridad Estructural:</strong> Cálculos basados en normativas de construcción (Blondel, REBT) para proyectos seguros.',
+        '<strong>Precisión en el Detalle:</strong> Factores de corrección para dilatación térmica, contracción química y holguras de montaje.',
+        '<strong>Herramientas Offline-Ready:</strong> Úsalas en el taller o la obra sin necesidad de apps pesadas.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Tip de Ejecución en Obra',
+      html: '<p><strong>Mezcla Perfecta:</strong> Siempre añade los polvos (cemento/cal) al agua, no al revés. Lograrás una hidratación más homogénea y evitarás la formación de grumos difíciles de disolver, garantizando la resistencia final del material.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Gestión de Presupuesto: Desglose de Costes y Optimización Económica',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Un proyecto sin presupuesto es un proyecto que se desmorona. Nuestra calculadora de costes permite desglosar el precio de cada material, mano de obra estimada, herramientas y contingencias. Al optimizar cortes, reducir desperdicio un 20%, ahorras significativamente. Documentar cada gasto desde el inicio facilita ajustes en tiempo real si aparecen sorpresas, permitiéndote decidir si completar el proyecto, reducir alcance o buscar financiación adicional antes de ser demasiado tarde.',
+    },
+    {
+      type: 'title',
+      text: 'Sostenibilidad y Materiales Reciclados en DIY',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El DIY moderno es ecológico. Reutilizar tableros, reciclar resinas, aprovechar descartes de obra es la tendencia actual. Nuestras herramientas incluyen conversiones para materiales reciclados: si encuentras una puerta vieja de 80cm y necesitas paneles de 25cm, el optimizador de cortes te muestra exactamente cómo aprovecharla. Construir con conciencia ambiental no solo es responsable; es más barato y creativo.',
+    },
+    {
+      type: 'title',
+      text: 'La democratización de la fabricación personal',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'El acceso a <strong>software de ingeniería simplificado</strong> permite que cualquier persona pueda ejecutar proyectos que antes requerían años de especialización. Estas herramientas son el puente entre tu idea y su realización física, dándote la confianza de los datos para construir el mundo que te rodea. Ya no necesitas un título en ingeniería civil para montar escaleras seguras; necesitas una calculadora y el conocimiento de dónde encontrar los estándares técnicos que la respaldan.',
+    },
+    {
+      type: 'stats',
+      columns: 2,
+      items: [
+        { label: 'Optimización', value: 'Material 95%+', icon: 'mdi:saw-blade' },
+        { label: 'Seguridad', value: 'Normativa', icon: 'mdi:ruler-square' },
+        { label: 'Materiales', value: 'Recuperación', icon: 'mdi:tools' },
+        { label: 'Precisión', value: 'Milimétrica', icon: 'mdi:calculator' },
+      ],
+    },
+  ],
+};

package/src/category/i18n/fr.ts

@@ -0,0 +1,101 @@
+import type { CategoryLocaleContent } from '../../types';
+
+export const content: CategoryLocaleContent = {
+  slug: 'diy',
+  title: 'Outils et Calculateurs pour Projets DIY et Construction',
+  description:
+    "Planifiez vos projets de bricolage avec des outils gratuits en ligne. Calculateurs de retrait de l'argile, mélanges de résine, béton, optimiseurs de coupe et tracé d'escaliers.",
+  seo: [
+    {
+      type: 'title',
+      text: 'Ingénierie Domestique et Projets DIY : Du Design à la Réalité',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Le mouvement <strong>Do It Yourself (DIY)</strong> est passé d'un simple passe-temps à une forme d'autonomie technique et créative. Cette section propose une suite d'<strong>outils gratuits en ligne</strong> conçus pour les makers, artisans et passionnés de construction qui recherchent des résultats professionnels. Nous appliquons des modèles mathématiques et des normes techniques pour que chaque coupe, chaque mélange et chaque structure soit sûr et précis.",
+    },
+    {
+      type: 'paragraph',
+      html: "Du calcul du dosage exact du béton à l'optimisation des coupes sur des planches de bois, nos utilitaires éliminent le gaspillage de matériaux et garantissent l'intégrité de vos projets.",
+    },
+    {
+      type: 'title',
+      text: 'Construction et Rénovation : Béton, Mortiers et Escaliers',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "La base de toute structure est son mélange. Notre calculateur de <strong>mélange de béton</strong> fournit le dosage exact de ciment, sable et gravier pour tout volume requis. Pour les travaux de maçonnerie fine, le <strong>calculateur de mortier</strong> ajuste les proportions de chaux et sable pour des enduits durables. De plus, l'outil de tracé d'escaliers utilise la <strong>Loi de Blondel</strong> pour garantir des marches confortables et conformes aux normes.",
+    },
+    {
+      type: 'title',
+      text: 'Menuiserie et Optimisation des Matériaux',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Les matériaux sont coûteux et le gaspillage est inacceptable. L'<strong>optimiseur de coupes</strong> calcule la meilleure distribution des pièces sur des planches ou liteaux, minimisant les chutes. Pour les projets de mobilier, le calculateur <strong>\"Le meuble entre-t-il ?\"</strong> analyse les dimensions des portes et ascenseurs pour éviter les surprises logistiques lors du montage.",
+    },
+    {
+      type: 'title',
+      text: 'Artisanat et Nouveaux Matériaux : Argile et Résine Époxy',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Les matériaux dynamiques nécessitent des calculs de changement de phase. En céramique, le <strong>calculateur d'argile</strong> estime le facteur de retrait pendant le séchage et la cuisson pour que vos pièces finales aient les dimensions exactes souhaitées. Pour le coulage de résines, notre utilitaire calcule le volume total et le ratio de mélange par poids ou volume des composants A et B, évitant les bulles et le durcissement incomplet.",
+    },
+    {
+      type: 'title',
+      text: 'Électricité et Sécurité Technique',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Un mauvais calcul électrique peut provoquer des incendies. Notre calculateur de <strong>chute de tension</strong> détermine la section minimale de câble nécessaire selon la longueur de ligne et la charge connectée (12V/24V/230V), garantissant que vos installations solaires ou domestiques fonctionnent selon les normes de sécurité en vigueur.",
+    },
+    {
+      type: 'list',
+      items: [
+        "<strong>Économies de coûts :</strong> Minimisez le gaspillage de matériaux coûteux comme les résines, le bois et les métaux grâce à l'optimisation algorithmique.",
+        '<strong>Sécurité structurelle :</strong> Calculs basés sur les normes de construction (Blondel, normes électriques) pour des projets sûrs.',
+        "<strong>Précision dans les détails :</strong> Facteurs de correction pour la dilatation thermique, le retrait chimique et les jeux de montage.",
+        "<strong>Outils prêts hors ligne :</strong> Utilisez-les à l'atelier ou sur le chantier sans applications lourdes.",
+      ],
+    },
+    {
+      type: 'tip',
+      title: "Conseil d'Exécution sur Chantier",
+      html: "<p><strong>Mélange Parfait :</strong> Ajoutez toujours les poudres (ciment/chaux) à l'eau, jamais l'inverse. Vous obtiendrez une hydratation plus homogène et éviterez la formation de grumeaux difficiles à dissoudre, garantissant la résistance finale du matériau.</p>",
+    },
+    {
+      type: 'title',
+      text: 'Gestion du Budget : Décomposition des Coûts et Optimisation Économique',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Un projet sans budget est un projet qui s'effondre. Notre calculateur de coûts permet de décomposer le prix de chaque matériau, la main-d'œuvre estimée, les outils et les imprévus. En optimisant les coupes et en réduisant les déchets de 20%, vous économisez significativement.",
+    },
+    {
+      type: 'title',
+      text: 'La démocratisation de la fabrication personnelle',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "L'accès à des <strong>logiciels d'ingénierie simplifiés</strong> permet à quiconque d'exécuter des projets qui nécessitaient auparavant des années de spécialisation. Ces outils sont le pont entre votre idée et sa réalisation physique, vous donnant la confiance des données pour construire le monde qui vous entoure.",
+    },
+    {
+      type: 'stats',
+      columns: 2,
+      items: [
+        { label: 'Optimisation', value: 'Matériau 95%+', icon: 'mdi:saw-blade' },
+        { label: 'Sécurité', value: 'Normative', icon: 'mdi:ruler-square' },
+        { label: 'Matériaux', value: 'Récupération', icon: 'mdi:tools' },
+        { label: 'Précision', value: 'Millimétrique', icon: 'mdi:calculator' },
+      ],
+    },
+  ],
+};

package/src/category/index.ts

@@ -0,0 +1,25 @@
+import type { DiyCategoryEntry } from '../types';
+import { clayCalculator } from '../tool/clayCalculator/index';
+import { epoxyCalculator } from '../tool/epoxyCalculator/index';
+import { balusterCalculator } from '../tool/balusterCalculator/index';
+import { mortarCalculator } from '../tool/mortarCalculator/index';
+import { passepartoutCalculator } from '../tool/passepartoutCalculator/index';
+import { concreteCalculator } from '../tool/concreteCalculator/index';
+import { cutOptimizer } from '../tool/cutOptimizer/index';
+import { voltageDropCalculator } from '../tool/voltageDropCalculator/index';
+import { furnitureFit } from '../tool/furnitureFit/index';
+import { thermalExpansionCalculator } from '../tool/thermalExpansionCalculator/index';
+import { drillCalculator } from '../tool/drillCalculator/index';
+import { stairCalculator } from '../tool/stairCalculator/index';
+import { drillSharpener } from '../tool/drillSharpener/index';
+
+export const diyCategory: DiyCategoryEntry = {
+  icon: 'mdi:hand',
+  tools: [clayCalculator, epoxyCalculator, balusterCalculator, mortarCalculator, passepartoutCalculator, concreteCalculator, cutOptimizer, voltageDropCalculator, furnitureFit, thermalExpansionCalculator, drillCalculator, stairCalculator, drillSharpener],
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+

package/src/category/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { diyCategory } from './index';
+import type { KnownLocale } from '../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await diyCategory.i18n[locale]?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}
+

package/src/components/PreviewNavSidebar.astro

@@ -0,0 +1,116 @@
+---
+interface NavItem {
+  id: string;
+  title: string;
+  href: string;
+  isActive?: boolean;
+}
+
+interface Props {
+  categoryTitle: string;
+  tools?: NavItem[];
+}
+
+const { categoryTitle, tools = [] } = Astro.props;
+---
+
+<nav class="preview-nav-sidebar">
+  <div class="sidebar-header">
+    <h3>{categoryTitle}</h3>
+  </div>
+
+  <ul class="tools-list">
+    {tools.map((tool) => (
+      <li>
+        <a
+          href={tool.href}
+          class:list={['tool-link', { active: tool.isActive }]}
+        >
+          <span class="tool-title">{tool.title}</span>
+        </a>
+      </li>
+    ))}
+  </ul>
+</nav>
+
+<style>
+  .preview-nav-sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--bg-surface, #0f172a);
+  }
+
+  .sidebar-header {
+    padding: 2rem 1.5rem 1.5rem;
+    border-bottom: 1px solid var(--border-color, #1e293b);
+  }
+
+  .sidebar-header h3 {
+    margin: 0;
+    font-size: 0.75rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--text-muted, #94a3b8);
+  }
+
+  .tools-list {
+    list-style: none;
+    margin: 0;
+    padding: 0.5rem 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tools-list li {
+    margin: 0;
+  }
+
+  .tool-link {
+    display: flex;
+    align-items: center;
+    padding: 0.75rem 1.5rem;
+    color: var(--text-muted, #94a3b8);
+    text-decoration: none;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+    border-left: 3px solid transparent;
+    position: relative;
+  }
+
+  .tool-link:hover {
+    color: var(--text-base, #f1f5f9);
+    background: rgba(255, 255, 255, 0.08);
+    padding-left: 1.75rem;
+  }
+
+  .tool-link.active {
+    color: var(--accent, #f43f5e);
+    background: rgba(244, 63, 94, 0.15);
+    border-left-color: var(--accent, #f43f5e);
+    font-weight: 600;
+  }
+
+  .tool-link.active::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 24px;
+    background: var(--accent, #f43f5e);
+    border-radius: 0 2px 2px 0;
+  }
+
+  .tool-title {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+