fix: resolve errors and css warnings

src/components/panel/PanelPreview.svelte

@@ -116,32 +116,6 @@
     font-size: 1.1rem;
   }
 
-  .panel-actions {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-  }
-
-  .edit-controls {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-    flex: 1;
-  }
-
-  .edit-input {
-    flex: 1;
-    padding: 0.5rem;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 1rem;
-  }
-
-  .edit-input:focus {
-    outline: none;
-    border-color: #007bff;
-  }
-
   .preview-sections {
     display: flex;
     flex-direction: column;
@@ -154,13 +128,6 @@
     gap: 0.5rem;
   }
 
-  .preview-section h3 {
-    margin: 0;
-    color: #333;
-    font-size: 1rem;
-    font-weight: 500;
-  }
-
   .canvas-container {
     display: flex;
     justify-content: center;
@@ -168,17 +135,4 @@
     background: #f5f5f5;
     border-radius: 8px;
   }
-
-  .empty-state {
-    text-align: center;
-    padding: 1.5rem;
-    color: #666;
-    background: #f9f9f9;
-    border-radius: 6px;
-  }
-
-  .empty-state p {
-    margin: 0;
-    font-size: 0.95rem;
-  }
 </style>

src/components/text/TextManager.svelte

@@ -378,12 +378,6 @@
     font-size: 0.9rem;
   }
 
-  .text-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
   .text-item {
     display: flex;
     justify-content: space-between;
@@ -400,19 +394,6 @@
     background: #f0f8ff;
   }
 
-  .text-content {
-    font-size: 0.95rem;
-    color: #333;
-    flex: 1;
-  }
-
-  .text-controls {
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-
   .control-group {
     display: flex;
     flex-direction: column;
@@ -447,17 +428,4 @@
     font-weight: 500;
     color: #333;
   }
-
-  .empty-state {
-    text-align: center;
-    padding: 1.5rem;
-    color: #666;
-    background: #f9f9f9;
-    border-radius: 6px;
-  }
-
-  .empty-state p {
-    margin: 0;
-    font-size: 0.95rem;
-  }
 </style>

src/lib/services/exportService.ts

@@ -1,4 +1,3 @@
-
 import pkg from "file-saver";
 const { saveAs } = pkg;
 import type { Panel } from "../types/panel";
@@ -44,7 +43,12 @@ export class ExportService {
         ctx.fillStyle = textItem.color;
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
-        ctx.fillText(textItem.text, textItem.x, textItem.y);
+
+        // Calculate position based on existing system
+        const x = 160; // Center of 320px panel
+        const y = panel.height / 2 + textItem.verticalOffset;
+
+        ctx.fillText(textItem.text, x, y);
       });
 
       // Конвертируем в blob и сохраняем