diff --git a/src/App.tsx b/src/App.tsx
index 593bbed..5621968 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -194,7 +194,7 @@ const App: React.FC = () => {
style={{ fontSize: `${uiZoom}%` }}
>
{statusMessage}
-
+
{
onZoomChange={setUiZoom}
templates={templates}
/>
-
+
);
}
@@ -278,18 +278,20 @@ const App: React.FC = () => {
{appState !== AppState.UPLOAD && (
-
- Configure
- /
- Generate
- /
- Preview
-
+
+ - Configure
+ - /
+ - Generate
+ - /
+ - Preview
+
+
)}
@@ -297,9 +299,9 @@ const App: React.FC = () => {
{/* Main Content - Takes remaining space */}
-
+
{/* Animated background blobs */}
-
+
= ({
// Inject CSS directly as inline style tag
const html = `
-
+
@@ -390,9 +390,9 @@ export const Preview: React.FC = ({
-
+
-
+
Format: {paperSize}
= ({
const html = `
-
+
@@ -318,7 +318,7 @@ export const StyleSelector: React.FC = ({
{/* Category Filter Tabs */}
-
+
+
{/* Scrollable List */}
+
+
{/* RIGHT COLUMN: Preview Window */}
-
+
{/* Preview Header */}
-
{currentStyleObj && (
@@ -491,7 +492,7 @@ export const StyleSelector: React.FC
= ({
-
+
);