Merge branch 'pr/LightDestory/6' into develop

index.html

@@ -15,17 +15,6 @@
                             : window.matchMedia('(prefers-color-scheme: dark)').matches;
       if (!prefersDark) document.documentElement.setAttribute('data-theme', 'light');
     })();
-    // Apply saved language before first paint to avoid flash
-    (function() {
-      const l = localStorage.getItem('stlt-lang');
-      if (l === 'de' || l === 'en') {
-        document.documentElement.setAttribute('data-lang', l);
-        document.documentElement.setAttribute('lang', l);
-      } else if (navigator.language && navigator.language.toLowerCase().startsWith('de')) {
-        document.documentElement.setAttribute('data-lang', 'de');
-        document.documentElement.setAttribute('lang', 'de');
-      }
-    })();
   </script>
   <script type="importmap">
   {
@@ -45,8 +34,6 @@
     </div>
     <div class="header-actions">
       <div class="lang-seg">
-        <button class="lang-btn active" data-lang-code="en">EN</button>
-        <button class="lang-btn" data-lang-code="de">DE</button>
       </div>
       <button id="theme-toggle" class="theme-toggle"
         data-i18n-title="theme.toggleTitle"

js/i18n.js

@@ -3,6 +3,7 @@
 
 export const TRANSLATIONS = {
   en: {
+    'lang.name': 'English',
     // Theme toggle
     'theme.dark': 'Dark Theme',
     'theme.light': 'Light Theme',
@@ -30,7 +31,7 @@ export const TRANSLATIONS = {
     'labels.mode': 'Mode',
     'projection.triplanar': 'Triplanar',
     'projection.cubic': 'Cubic (Box)',
-    'projection.cylindrical':'Cylindrical',
+    'projection.cylindrical': 'Cylindrical',
     'projection.spherical': 'Spherical',
     'projection.planarXY': 'Planar XY',
     'projection.planarXZ': 'Planar XZ',
@@ -112,7 +113,7 @@ export const TRANSLATIONS = {
 
     // Symmetric displacement
     'labels.symmetricDisplacement': 'Symmetric displacement \u24d8',
-    'tooltips.symmetricDisplacement':'When on, 50% grey = no displacement; white pushes out, black pushes in. Keeps part volume roughly constant.',
+    'tooltips.symmetricDisplacement': 'When on, 50% grey = no displacement; white pushes out, black pushes in. Keeps part volume roughly constant.',
 
     // Displacement preview
     'labels.displacementPreview': '3D Preview \u24d8',
@@ -170,8 +171,8 @@ export const TRANSLATIONS = {
     'imprint.privacyIntro': '<strong>Responsible party</strong> (Verantwortlicher gem. Art. 4 Abs. 7 DSGVO): Stefan Hermann, Bahnhofstr. 2, 88145 Hergatz, Germany.',
     'imprint.privacyHosting': 'This website is hosted on <strong>GitHub Pages</strong> (GitHub Inc. / Microsoft Corp., 88 Colin P Kelly Jr St, San Francisco, CA 94107, USA). When you visit this site, GitHub may process your IP address in server logs. Legal basis: Art. 6(1)(f) DSGVO (legitimate interest in providing the website). See <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">GitHub\u2019s Privacy Statement</a>.',
     'imprint.privacyLocal': 'This tool stores user preferences (language, theme) in your browser\u2019s <strong>localStorage</strong>. This data never leaves your device and is not transmitted to any server.',
-    'imprint.privacyNoCookies':'This website does <strong>not</strong> use cookies, analytics, or any tracking technologies.',
-    'imprint.privacyExternal':'This site contains links to external websites (e.g., CNCKitchen.STORE, PayPal). These sites have their own privacy policies, over which we have no control.',
+    'imprint.privacyNoCookies': 'This website does <strong>not</strong> use cookies, analytics, or any tracking technologies.',
+    'imprint.privacyExternal': 'This site contains links to external websites (e.g., CNCKitchen.STORE, PayPal). These sites have their own privacy policies, over which we have no control.',
     'imprint.privacyRights': 'Under the GDPR you have the right to <strong>access, rectification, erasure, restriction of processing, data portability</strong>, and the right to <strong>lodge a complaint</strong> with a supervisory authority.',
 
     // Sponsor modal
@@ -180,7 +181,7 @@ export const TRANSLATIONS = {
     'sponsor.visitStore': '\uD83D\uDED2 Visit CNCKitchen.STORE',
     'sponsor.donate': '\uD83D\uDC99 Donate on PayPal',
     'sponsor.dontShow': "Don\u2019t show this again",
-    'sponsor.closeAndContinue':'Close &amp; Continue',
+    'sponsor.closeAndContinue': 'Close &amp; Continue',
 
     // Store CTA
     'cta.store': 'Support this tool? Shop at <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener noreferrer">CNCKitchen.STORE</a> or donate on <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener noreferrer">PayPal</a>',
@@ -192,6 +193,7 @@ export const TRANSLATIONS = {
   },
 
   de: {
+    'lang.name': 'Deutsch',
     // Theme toggle
     'theme.dark': 'Dunkles Design',
     'theme.light': 'Helles Design',
@@ -219,7 +221,7 @@ export const TRANSLATIONS = {
     'labels.mode': 'Modus',
     'projection.triplanar': 'Triplanar',
     'projection.cubic': 'Kubisch (Box)',
-    'projection.cylindrical':'Zylindrisch',
+    'projection.cylindrical': 'Zylindrisch',
     'projection.spherical': 'Sph\u00e4risch',
     'projection.planarXY': 'Planar XY',
     'projection.planarXZ': 'Planar XZ',
@@ -301,7 +303,7 @@ export const TRANSLATIONS = {
 
     // Symmetric displacement
     'labels.symmetricDisplacement': 'Symmetrische Verschiebung \u24d8',
-    'tooltips.symmetricDisplacement':'Wenn aktiv: 50% Grau = keine Verschiebung; Weiß nach außen, Schwarz nach innen. H\u00e4lt das Volumen des Teils in etwa konstant.',
+    'tooltips.symmetricDisplacement': 'Wenn aktiv: 50% Grau = keine Verschiebung; Weiß nach außen, Schwarz nach innen. H\u00e4lt das Volumen des Teils in etwa konstant.',
 
     // Displacement preview
     'labels.displacementPreview': '3D-Vorschau \u24d8',
@@ -359,8 +361,8 @@ export const TRANSLATIONS = {
     'imprint.privacyIntro': '<strong>Verantwortlicher</strong> gem. Art. 4 Abs. 7 DSGVO: Stefan Hermann, Bahnhofstr. 2, 88145 Hergatz, Deutschland.',
     'imprint.privacyHosting': 'Diese Website wird auf <strong>GitHub Pages</strong> (GitHub Inc. / Microsoft Corp., 88 Colin P Kelly Jr St, San Francisco, CA 94107, USA) gehostet. Beim Besuch dieser Seite kann GitHub Ihre IP-Adresse in Server-Logs verarbeiten. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an der Bereitstellung der Website). Siehe <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">Datenschutzerkl\u00e4rung von GitHub</a>.',
     'imprint.privacyLocal': 'Dieses Tool speichert Nutzereinstellungen (Sprache, Theme) im <strong>localStorage</strong> Ihres Browsers. Diese Daten verlassen Ihr Ger\u00e4t nicht und werden nicht an einen Server \u00fcbertragen.',
-    'imprint.privacyNoCookies':'Diese Website verwendet <strong>keine</strong> Cookies, Analyse-Tools oder sonstige Tracking-Technologien.',
-    'imprint.privacyExternal':'Diese Seite enth\u00e4lt Links zu externen Websites (z.B. CNCKitchen.STORE, PayPal). F\u00fcr deren Datenschutzrichtlinien \u00fcbernehmen wir keine Verantwortung.',
+    'imprint.privacyNoCookies': 'Diese Website verwendet <strong>keine</strong> Cookies, Analyse-Tools oder sonstige Tracking-Technologien.',
+    'imprint.privacyExternal': 'Diese Seite enth\u00e4lt Links zu externen Websites (z.B. CNCKitchen.STORE, PayPal). F\u00fcr deren Datenschutzrichtlinien \u00fcbernehmen wir keine Verantwortung.',
     'imprint.privacyRights': 'Nach der DSGVO haben Sie das Recht auf <strong>Auskunft, Berichtigung, L\u00f6schung, Einschr\u00e4nkung der Verarbeitung, Daten\u00fcbertragbarkeit</strong> sowie das Recht auf <strong>Beschwerde bei einer Aufsichtsbeh\u00f6rde</strong>.',
 
     // Sponsor modal
@@ -369,7 +371,7 @@ export const TRANSLATIONS = {
     'sponsor.visitStore': '\uD83D\uDED2 CNCKitchen.STORE besuchen',
     'sponsor.donate': '\uD83D\uDC99 Via PayPal spenden',
     'sponsor.dontShow': 'Nicht mehr anzeigen',
-    'sponsor.closeAndContinue':'Schlie\u00dfen &amp; Weiter',
+    'sponsor.closeAndContinue': 'Schlie\u00dfen &amp; Weiter',
 
     // Store CTA
     'cta.store': 'Dieses Tool unterst\u00fctzen? Shoppe bei <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener noreferrer">CNCKitchen.STORE</a> oder spende via <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener noreferrer">PayPal</a>',
@@ -379,6 +381,193 @@ export const TRANSLATIONS = {
     'alerts.loadFailed': 'Modell konnte nicht geladen werden: {msg}',
     'alerts.exportFailed': 'Export fehlgeschlagen: {msg}',
   },
+
+  it: {
+    'lang.name': 'Italiano',
+    // Theme toggle
+    'theme.dark': 'Tema Scuro',
+    'theme.light': 'Tema Chiaro',
+    'theme.toggleTitle': 'Attiva/disattiva modalità chiara/scura',
+    'theme.toggleAriaLabel': 'Attiva/disattiva modalità chiara/scura',
+
+    // Drop zone
+    'dropHint.text': 'Trascina qui un file <strong>.stl</strong>, <strong>.obj</strong> o <strong>.3mf</strong><br/>o <label for="stl-file-input" class="link-label">clicca per sfogliare</label>',
+
+    // Viewport footer
+    'ui.wireframe': 'Wireframe',
+    'ui.controlsHint': 'Trascina a sx: orbita \u00a0·\u00a0 Trascina a dx: sposta \u00a0·\u00a0 Scorri: zoom',
+    'ui.meshInfo': '{n} triangoli · {mb} MB · {sx} × {sy} × {sz} mm',
+
+    // Load model button
+    'ui.loadStl': 'Carica Modello\u2026',
+
+    // Displacement map section
+    'sections.displacementMap': 'Mappa di Deformazione',
+    'ui.uploadCustomMap': 'Carica mappa personalizzata',
+    'ui.noMapSelected': 'Nessuna mappa selezionata',
+
+    // Projection section
+    'sections.projection': 'Proiezione',
+    'labels.mode': 'Modalità',
+    'projection.triplanar': 'Triplanare',
+    'projection.cubic': 'Cubica (Box)',
+    'projection.cylindrical': 'Cilindrica',
+    'projection.spherical': 'Sferica',
+    'projection.planarXY': 'Planare XY',
+    'projection.planarXZ': 'Planare XZ',
+    'projection.planarYZ': 'Planare YZ',
+
+    // Transform section
+    'sections.transform': 'Trasformazioni',
+    'labels.scaleU': 'Scala U',
+    'labels.scaleV': 'Scala V',
+    'labels.offsetU': 'Offset U',
+    'labels.offsetV': 'Offset V',
+    'labels.rotation': 'Rotazione',
+    'tooltips.proportionalScaling': 'Scala proporzionale (U = V)',
+    'tooltips.proportionalScalingAria': 'Scala proporzionale (U = V)',
+
+    // Displacement section
+    'sections.displacement': 'Profondità Texture',
+    'labels.amplitude': 'Ampiezza',
+
+    // Seam blend
+    'labels.seamBlend': 'Unione dei bordi \u24d8',
+    'tooltips.seamBlend': 'Attenua il bordo netto dove si incontrano le facce della proiezione. Efficace per le modalità Cubica e Cilindrica.',
+    'labels.transitionSmoothing': 'Smoothing di transizione \u24d8',
+    'tooltips.transitionSmoothing': 'Larghezza della zona di fusione vicino ai bordi della giuntura. Valori più bassi mantengono le transizioni aderenti alla giuntura; valori più alti sfumano una fascia più ampia.',
+    'labels.textureSmoothing': 'Smoothing della texture \u24d8',
+    'tooltips.textureSmoothing': 'Applica una sfocatura gaussiana alla mappa di deformazione. Valori più alti producono dettagli superficiali più morbidi e graduali. 0 = disattivato.',
+    'labels.capAngle': 'Angolo di copertura \u24d8',
+    'tooltips.capAngle': 'Angolo (in gradi) rispetto alla verticale al quale entra in gioco la proiezione della copertura superiore/inferiore. Valori più piccoli limitano la proiezione della copertura a facce quasi piatte.',
+
+    // Mask angles section
+    'sections.maskAngles': 'Angoli di mascheramento \u24d8',
+    'tooltips.maskAngles': '0° = nessuna mascheratura. Le superfici comprese in questo angolo rispetto all\'orizzontale non saranno texturizzate.',
+    'labels.bottomFaces': 'Facce inferiori',
+    'tooltips.bottomFaces': 'Elimina la texture sulle superfici rivolte verso il basso entro questo angolo rispetto all\'orizzontale',
+    'labels.topFaces': 'Facce superiori',
+    'tooltips.topFaces': 'Elimina la texture sulle superfici rivolte verso l\'alto entro questo angolo rispetto all\'orizzontale',
+
+    // Surface masking section
+    'sections.surfaceMasking': 'Mascheramento delle superfici \u24d8',
+    'sections.surfaceSelection': 'Selezione delle superfici',
+    'tooltips.surfaceMasking': 'Mascherare le superfici per controllare quali aree subiscono la deformazione.',
+    'tooltips.surfaceSelection': 'Le superfici selezionate appaiono in verde e saranno le uniche a subire la deformazione durante l\'esportazione.',
+    'excl.modeExclude': 'Escludi',
+    'excl.modeExcludeTitle': 'Modalità Escludi: le superfici dipinte non subiranno la deformazione della texture',
+    'excl.modeIncludeOnly': 'Includi solo',
+    'excl.modeIncludeOnlyTitle': 'Modalità Includi solo: solo le superfici dipinte subiranno la deformazione della texture',
+    'excl.toolBrush': 'Pennello',
+    'excl.toolBrushTitle': 'Pennello: dipingi i triangoli da escludere',
+    'excl.toolFill': 'Riempimento',
+    'excl.toolFillTitle': 'Riempimento a secchiello: riempi la superficie fino a un angolo di soglia',
+    'excl.shiftHint': 'Tieni premuto Shift per cancellare',
+    'labels.type': 'Tipo',
+    'brushType.single': 'Singolo',
+    'brushType.circle': 'Cerchio',
+    'labels.size': 'Dimensione',
+    'labels.maxAngle': 'Angolo massimo',
+    'tooltips.maxAngle': 'Angolo diedro massimo tra triangoli adiacenti che il riempimento può attraversare',
+    'ui.clearAll': 'Cancella tutto',
+    'excl.initExcluded': '0 facce mascherate',
+    'excl.faceExcluded': '{n} facce mascherate',
+    'excl.facesExcluded': '{n} facce mascherate',
+    'excl.faceSelected': '{n} faccia selezionata',
+    'excl.facesSelected': '{n} facce selezionate',
+    'excl.hintExclude': 'Le superfici mascherate appaiono in arancione e non riceveranno deformazione durante l\'esportazione',
+    'excl.hintInclude': 'Le superfici selezionate appaiono verdi e saranno le uniche a ricevere la deformazione durante l\'esportazione.',
+
+    // Precision masking
+    'precision.label': 'Precisione (Beta) \u24d8',
+    'precision.labelTitle': 'Suddividi la mesh in background in modo che il pennello selezioni con una granularità più fine',
+    'precision.outdated': '\u26a0 Obsoleto',
+    'precision.refreshTitle': 'Risuddividi la mesh per adattarla alle dimensioni attuali del pennello',
+    'precision.triCount': '{n} \u25b3',
+    'precision.refining': 'Raffinamento\u2026',
+    'precision.warningBody': 'Stima ~{n} triangoli. Ciò potrebbe rallentare il browser. Continuare?',
+
+    // Symmetric displacement
+    'labels.symmetricDisplacement': 'Deformazione simmetrica \u24d8',
+    'tooltips.symmetricDisplacement': 'Quando è attivo, il grigio al 50% = nessuna deformazione; il bianco spinge verso l\'esterno, il nero spinge verso l\'interno. Mantiene il volume della parte approssimativamente costante.',
+
+    // Displacement preview
+    'labels.displacementPreview': 'Anteprima 3D \u24d8',
+    'tooltips.displacementPreview': 'Suddivide la mesh e sposta i vertici in tempo reale in modo da poter valutare la profondità effettiva. Richiede un uso intensivo della GPU su modelli complessi.',
+
+    // Place on face
+    'ui.placeOnFace': 'Posiziona su una faccia',
+    'ui.placeOnFaceTitle': 'Clicca su una faccia per orientarla verso il basso sul piano di stampa',
+    'progress.subdividingPreview': 'Preparazione dell\'anteprima...',
+
+    // Amplitude overlap warning
+    'warnings.amplitudeOverlap': '\u26a0 L\'ampiezza supera il 10% della dimensione più piccola del modello \u2014 potrebbero verificarsi sovrapposizioni geometriche nel file STL esportato.',
+
+
+    // Export section
+    'sections.export': 'Esporta \u24d8',
+    'tooltips.export': 'Lunghezza del bordo più piccola = dettagli della deformazione più precisi. L\'output viene quindi ridotto al limite di triangoli.',
+    'labels.resolution': 'Risoluzione',
+    'tooltips.resolution': 'I bordi più lunghi di questo valore verranno suddivisi durante l\'esportazione',
+    'labels.outputTriangles': 'Triangoli in uscita',
+    'tooltips.outputTriangles': 'La mesh viene prima suddivisa completamente, poi decimata fino a questo numero',
+    'warnings.safetyCapHit': '\u26a0 Limite di sicurezza di 20 milioni di triangoli raggiunto durante la suddivisione \u2014 il risultato potrebbe comunque essere più grossolano della lunghezza del bordo richiesta.',
+    'ui.exportStl': 'Esporta STL',
+
+    // Export progress stages
+    'progress.subdividing': 'Suddivisione della mesh\u2026',
+    'progress.refining': 'Raffinamento: {cur} triangoli, spigolo più lungo {edge}',
+    'progress.applyingDisplacement': 'Applicazione dello spostamento a {n} triangoli\u2026',
+    'progress.displacingVertices': 'Spostamento dei vertici\u2026',
+    'progress.decimatingTo': 'Semplificazione da {from} \u2192 {to} triangoli\u2026',
+    'progress.decimating': 'Semplificazione: {cur} \u2192 {to} triangoli',
+    'progress.writingStl': 'Scrittura STL\u2026',
+    'progress.done': 'Fatto!',
+    'progress.processing': 'Elaborazione\u2026',
+
+    // License popup
+    'license.btn': 'Licenza e condizioni',
+    'license.title': 'Licenza e condizioni',
+    'license.item1': 'Utilizzo gratuito per qualsiasi scopo, compresi <strong>lavori commerciali</strong> (ad es. la creazione di texture per file STL destinati a clienti o prodotti).',
+    'license.item2': 'L\'attribuzione è <strong>gradita</strong> ma <strong>non richiesta</strong> quando si utilizza questo strumento così com\'è.',
+    'license.item3': 'Vuoi sostenere questo strumento? Acquista su <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener">CNCKitchen.STORE</a> o fai una donazione su <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener">PayPal</a>.',
+    'license.item4': 'Questo strumento viene fornito <strong>così com\'è</strong> senza <strong>alcuna garanzia</strong> di alcun tipo. L\'utilizzo è a proprio rischio.',
+    'license.item5': '<strong>Non viene fornita alcuna assistenza</strong>. L\'autore non ha alcun obbligo di correggere bug, rispondere a domande o aggiornare questo strumento. Detto questo, segnalazioni di bug e richieste di funzionalità sono sempre ben accette all\'indirizzo <a href="mailto:texturizer@cnckitchen.com">texturizer@cnckitchen.com</a>.',
+    'license.item6': 'L\'autore non potrà essere ritenuto <strong>responsabile</strong> per eventuali danni, perdita di dati o problemi derivanti dall\'uso di questo strumento.',
+    'license.item7': 'Vuoi ottenere una licenza o incorporare questo strumento per la tua attività o il tuo sito web? Contattaci all\'indirizzo <a href="mailto:contact@cnckitchen.com">contact@cnckitchen.com</a>.',
+    'license.item8': 'Codice sorgente disponibile su <a href="https://github.com/CNCKitchen/stlTexturizer" target="_blank" rel="noopener">GitHub</a>.',
+
+    // Imprint & Privacy
+    'imprint.btn': 'Note legali e privacy',
+    'imprint.title': 'Note legali e informativa sulla privacy',
+    'imprint.sectionImprint': 'Note legali (Impressum)',
+    'imprint.info': 'CNC Kitchen<br>Stefan Hermann<br>Bahnhofstr. 2<br>88145 Hergatz<br>Germania',
+    'imprint.contact': 'E-mail: <a href="mailto:contact@cnckitchen.com">contact@cnckitchen.com</a><br>Telefono: +49 175 2011824<br><em>Il numero di telefono è riservato esclusivamente a richieste legali/commerciali \u2014 non per l\'assistenza. </em>',
+    'imprint.odr': 'Piattaforma UE per la risoluzione delle controversie online: <a href="https://ec.europa.eu/consumers/odr" target="_blank" rel="noopener">https://ec.europa.eu/consumers/odr</a>',
+    'imprint.sectionPrivacy': 'Informativa sulla privacy (Datenschutzerklärung)',
+    'imprint.privacyIntro': '<strong>Titolare del trattamento</strong> (Verantwortlicher gem. Art. 4 Abs. 7 DSGVO): Stefan Hermann, Bahnhofstr. 2, 88145 Hergatz, Germania.',
+    'imprint.privacyHosting': 'Questo sito web è ospitato su <strong>GitHub Pages</strong> (GitHub Inc. / Microsoft Corp., 88 Colin P Kelly Jr St, San Francisco, CA 94107, USA). Quando visiti questo sito, GitHub potrebbe elaborare il tuo indirizzo IP nei log del server. Base giuridica: Art. 6(1)(f) GDPR (interesse legittimo alla fornitura del sito web). Vedi <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">Informativa sulla privacy di GitHub</a>.',
+    'imprint.privacyLocal': 'Questo strumento memorizza le preferenze dell\'utente (lingua, tema) nel <strong>localStorage</strong> del tuo browser. Questi dati non lasciano mai il tuo dispositivo e non vengono trasmessi a nessun server.',
+    'imprint.privacyNoCookies': 'Questo sito web <strong>non</strong> utilizza cookie, strumenti di analisi o tecnologie di tracciamento.',
+    'imprint.privacyExternal': 'Questo sito contiene link a siti web esterni (ad es. CNCKitchen.STORE, PayPal). Questi siti hanno le proprie politiche sulla privacy, sulle quali non abbiamo alcun controllo.',
+    'imprint.privacyRights': 'Ai sensi del GDPR hai il diritto di <strong>accesso, rettifica, cancellazione, limitazione del trattamento, portabilità dei dati</strong> e il diritto di <strong>presentare un reclamo</strong> presso un\'autorità di controllo.',
+
+    // Sponsor modal
+    'sponsor.title': 'Grazie per aver scelto BumpMesh di CNC Kitchen!',
+    'sponsor.body': 'Questo strumento è offerto <strong>completamente gratis</strong> da CNC Kitchen.<br>Mentre il tuo file STL viene elaborato, perché non dai un\'occhiata al negozio che ci aiuta a continuare a creare cose fantastiche per te?',
+    'sponsor.visitStore': '\uD83D\uDED2 Visita CNCKitchen.STORE',
+    'sponsor.donate': '\uD83D\uDC99 Dona su PayPal',
+    'sponsor.dontShow': 'Non mostrare più questo messaggio',
+    'sponsor.closeAndContinue': 'Chiudi e continua',
+
+    // Store CTA
+    'cta.store': 'Vuoi sostenere questo strumento? Acquista su <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener noreferrer">CNCKitchen.STORE</a> o dona su <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener noreferrer">PayPal</a>',
+    'cta.storeDismiss': 'Chiudi',
+
+    // Alerts
+    'alerts.loadFailed': 'Caricamento del modello fallito: {msg}',
+    'alerts.exportFailed': 'Esportazione fallita: {msg}',
+  },
 };
 
 // ── State ─────────────────────────────────────────────────────────────────────
@@ -447,11 +636,16 @@ export function initLang() {
   const saved = localStorage.getItem('stlt-lang');
   if (saved && TRANSLATIONS[saved]) {
     _currentLang = saved;
-  } else if (navigator.language && navigator.language.toLowerCase().startsWith('de')) {
-    _currentLang = 'de';
-  } else {
+  }
+  else {
+    const lang = navigator.language.split('-')[0];
+    if (TRANSLATIONS[lang]) {
+      _currentLang = lang;
+    }
+    else {
       _currentLang = 'en';
     }
+  }
   document.documentElement.setAttribute('data-lang', _currentLang);
   document.documentElement.setAttribute('lang', _currentLang);
   applyTranslations();

js/main.js

@@ -11,7 +11,7 @@ import { decimate }           from './decimation.js';
 import { exportSTL }          from './exporter.js';
 import { buildAdjacency, bucketFill,
          buildExclusionOverlayGeo, buildFaceWeights } from './exclusion.js';
-import { t, initLang, setLang, getLang, applyTranslations } from './i18n.js';
+import { t, initLang, setLang, getLang, applyTranslations, TRANSLATIONS } from './i18n.js';
 
 // ── State ─────────────────────────────────────────────────────────────────────
 
@@ -248,6 +248,9 @@ const imprintLink    = document.getElementById('imprint-link');
 const imprintOverlay = document.getElementById('imprint-overlay');
 const imprintClose   = document.getElementById('imprint-close');
 
+// ── Language selector DOM refs ────────────────────────────────────────────────────
+const languageSelector = document.querySelector('.lang-seg');
+
 // ── Scale slider log helpers ──────────────────────────────────────────────────
 // Slider stores 0–1000; actual scale spans 0.05–10 on a log axis.
 // Middle position 500 → scale ~0.71 (log midpoint between 0.05 and 10).
@@ -274,15 +277,46 @@ initViewer(canvas);
 // Apply saved theme to 3D viewport on startup
 setViewerTheme(document.documentElement.getAttribute('data-theme') === 'light');
 
+// Populate the language selector
+function populateLanguageSelector() {
+  if (!languageSelector) return;
+  languageSelector.innerHTML = '';
+  
+  const select = document.createElement('select');
+  select.className = 'lang-dropdown';
+  
+  for (const langKey in TRANSLATIONS) {
+    const opt = document.createElement('option');
+    opt.value = langKey;
+    opt.className = 'lang-option';
+    opt.textContent = TRANSLATIONS[langKey]['lang.name'] || langKey.toUpperCase();
+    select.appendChild(opt);
+  }
+  
+  select.addEventListener('change', (e) => {
+    setLang(e.target.value);
+    // Re-translate <option> elements (innerHTML won't reach these)
+    document.querySelectorAll('select[id="mapping-mode"] option[data-i18n-opt]').forEach(opt => {
+      opt.textContent = t(opt.dataset.i18nOpt);
+    });
+    // Refresh dynamic count text to current language
+    if (currentGeometry) refreshExclusionOverlay();
+  });
+  
+  languageSelector.appendChild(select);
+}
+populateLanguageSelector();
+
 // Initialise language (reads localStorage / browser preference, applies translations)
 initLang();
 
-// Sync lang buttons to current language
+// Sync lang dropdown to current language
 (function() {
   const lang = getLang();
-  document.querySelectorAll('.lang-btn').forEach(btn => {
-    btn.classList.toggle('active', btn.dataset.langCode === lang);
-  });
+  const select = languageSelector.querySelector('select');
+  if (select) {
+    select.value = lang;
+  }
 })();
 
 // Theme toggle
@@ -349,22 +383,6 @@ function selectPreset(idx, swatchEl) {
 // ── Event wiring ──────────────────────────────────────────────────────────────
 
 function wireEvents() {
-  // ── Language toggle ──
-  document.querySelectorAll('.lang-btn').forEach(btn => {
-    btn.addEventListener('click', () => {
-      const lang = btn.dataset.langCode;
-      setLang(lang);
-      document.querySelectorAll('.lang-btn').forEach(b =>
-        b.classList.toggle('active', b.dataset.langCode === lang));
-      // Re-translate <option> elements (innerHTML won't reach these)
-      document.querySelectorAll('select[id="mapping-mode"] option[data-i18n-opt]').forEach(opt => {
-        opt.textContent = t(opt.dataset.i18nOpt);
-      });
-      // Refresh dynamic count text to current language
-      if (currentGeometry) refreshExclusionOverlay();
-    });
-  });
-
   // ── Model loading ──
   stlFileInput.addEventListener('change', (e) => {
     if (e.target.files[0]) handleModelFile(e.target.files[0]);

style.css

@@ -47,31 +47,31 @@
   flex-shrink: 0;
 }
 
-.lang-btn {
+.lang-dropdown {
   height: 28px;
-  padding: 0 10px;
+  padding: 0 24px 0 10px; /* Add right padding for default select arrow if present */
   background: var(--surface2);
   border: none;
-  border-radius: 0;
   color: var(--text-muted);
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.05em;
   cursor: pointer;
+  appearance: none; /* Attempt to remove default styling */
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%2366667a' d='M0 0l4 4 4-4H0z'/%3E%3C/svg%3E"); /* Custom arrow */
+  background-repeat: no-repeat;
+  background-position: right 8px center;
   transition: background 0.15s, color 0.15s;
 }
 
-.lang-btn:not(:last-child) {
-  border-right: 1px solid var(--border);
-}
-
-.lang-btn:hover {
+.lang-dropdown:hover {
   color: var(--accent);
 }
 
-.lang-btn.active {
-  background: var(--accent);
-  color: #fff;
+.lang-dropdown:focus {
+  outline: none;
 }
 
 /* ── Theme toggle button ─────────────────────────────────────────────── */