diff --git a/src/hooks/useTemplates.ts b/src/hooks/useTemplates.ts
index 0fe25f7..bbea736 100644
--- a/src/hooks/useTemplates.ts
+++ b/src/hooks/useTemplates.ts
@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import { StyleOption } from '../types';
-import { loadTemplates, ensureTemplatesFolder, openTemplatesFolder } from '../services/templateLoader';
+import { loadTemplates, openTemplatesFolder } from '../services/templateLoader';
 
 interface UseTemplatesReturn {
   templates: StyleOption[];
diff --git a/src/services/templateLoader.ts b/src/services/templateLoader.ts
index 354df15..df0867e 100644
--- a/src/services/templateLoader.ts
+++ b/src/services/templateLoader.ts
@@ -92,7 +92,10 @@ function validateTemplate(raw: RawTemplate, filename: string): StyleOption | nul
     if (raw.previewCss) {
       previewCss = raw.previewCss;
     } else {
-      previewCss = generatePreviewCss(elements, fonts, palette);
+      previewCss = generatePreviewCss({
+        elements,
+        typography: { fonts, colors: palette }
+      } as StyleOption);
     }
   } else {
     const defaultHeading1: DocxStyleConfig = {