Update app.py

app.py

@@ -79,6 +79,7 @@ def generate_ass_file(data: ProcessRequest, output_path: str):
     border_style = 1
     back_color = "&H00000000"
     
+    # تنظیمات دقیق‌تر کادر برای دیده شدن بهتر
     if s.backType == 'solid':
         border_style = 3 
         outline = hex_to_ass(s.outlineColor, "00") 
@@ -88,13 +89,13 @@ def generate_ass_file(data: ProcessRequest, output_path: str):
     else:
         border_style = 1
         
-    # نکته مهم: PlayResY روی 1080 تنظیم شده.
-    # بنابراین فونت سایز 100 یعنی تقریبا 1/10 ارتفاع تصویر.
+    # تغییر مهم: ScaledBorderAndShadow برای اینکه در رزولوشن‌های بالا حاشیه محو نشود
     header = f"""[Script Info]
 ScriptType: v4.00+
 PlayResX: 1080
 PlayResY: 1920
 WrapStyle: 1
+ScaledBorderAndShadow: yes
 
 [V4+ Styles]
 Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
@@ -330,10 +331,23 @@ async def interface():
         .segment-row:focus-within { border-right-color: var(--accent); background: rgba(255,255,255,0.06); }
         
         .seg-time { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 5px; font-family: monospace; }
+        
+        /* اصلاح استایل تکست باکس برای دیده شدن متن */
         .seg-input {
-            width: 100%; background: transparent; border: none;
-            color: var(--text-main); font-size: 1.1rem; font-family: inherit;
-            resize: none; overflow: hidden;
+            width: 100%;
+            background: rgba(0, 0, 0, 0.2); /* پس‌زمینه تیره */
+            border: 1px solid var(--border); /* کادر مشخص */
+            border-radius: 8px;
+            color: #fff; /* متن سفید */
+            font-size: 1.1rem;
+            font-family: inherit;
+            resize: vertical;
+            padding: 10px;
+            min-height: 60px;
+        }
+        .seg-input:focus {
+            border-color: var(--primary);
+            background: rgba(0, 0, 0, 0.3);
         }
 
         .control-group { margin-bottom: 18px; }
@@ -373,14 +387,18 @@ async def interface():
 
         /* --- RESULT SECTION INLINE --- */
         #inlineResult {
-            margin-top: 20px;
-            border-top: 2px dashed var(--border);
-            padding-top: 20px;
+            margin-bottom: 20px; /* فاصله از دکمه */
+            padding: 20px;
+            border: 2px solid var(--success);
+            border-radius: 16px;
+            background: rgba(16, 185, 129, 0.05);
             text-align: center;
             display: none;
-            animation: fadeIn 0.5s;
+            animation: slideDown 0.5s ease;
         }
-        .result-video { width: 100%; border-radius: 12px; margin-top: 10px; box-shadow: 0 0 30px rgba(0,0,0,0.5); }
+        @keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
+        
+        .result-video { width: 100%; border-radius: 12px; margin-top: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
         .dl-btn {
             display: inline-block; margin-top: 15px; padding: 12px 30px;
             background: var(--success); color: white; text-decoration: none;
@@ -436,6 +454,13 @@ async def interface():
                 <div class="settings-panel card">
                     <h2 style="color: var(--primary); margin-top:0;">🎨 استایل و خروجی</h2>
                     
+                    <!-- INLINE RESULT AREA (MOVED UP) -->
+                    <div id="inlineResult">
+                        <h3 style="color: var(--success); margin:0;">✅ ویدیو آماده شد!</h3>
+                        <video id="finalPlayer" controls class="result-video"></video>
+                        <a id="dlBtn" href="#" download class="dl-btn">دانلود ویدیو</a>
+                    </div>
+
                     <div class="preview-box">
                         <div id="livePreview" class="preview-text">متن نمونه</div>
                     </div>
@@ -468,9 +493,9 @@ async def interface():
                     </div>
 
                     <div class="control-group">
-                        <div class="control-label"><span>سایز متن</span> <span id="lblSize">80</span></div>
-                        <!-- SLIDER INCREASED TO 400 FOR HUGE TEXT -->
-                        <input type="range" id="rngSize" min="30" max="400" value="80" oninput="updatePreview()">
+                        <div class="control-label"><span>سایز متن</span> <span id="lblSize">100</span></div>
+                        <!-- افزایش بازه برای فونت‌های بزرگ -->
+                        <input type="range" id="rngSize" min="30" max="300" value="100" oninput="updatePreview()">
                     </div>
 
                     <div class="control-group">
@@ -479,15 +504,9 @@ async def interface():
                     </div>
 
                     <button class="btn btn-primary" onclick="startRender()">
-                        <i class="fa-solid fa-wand-magic-sparkles"></i> ساخت خروجی نهایی
+                        <i class="fa-solid fa-wand-magic-sparkles"></i> شروع ساخت / بروزرسانی
                     </button>
 
-                    <!-- INLINE RESULT AREA -->
-                    <div id="inlineResult">
-                        <h3 style="color: var(--success);">✅ ویدیو آماده شد!</h3>
-                        <video id="finalPlayer" controls class="result-video"></video>
-                        <a id="dlBtn" href="#" download class="dl-btn">دانلود ویدیو</a>
-                    </div>
                 </div>
 
                 <!-- TEXT EDITOR -->
@@ -532,7 +551,6 @@ async def interface():
 
                 renderSegments();
                 
-                // Switch view
                 document.getElementById('view-upload').classList.remove('active');
                 document.getElementById('view-editor').classList.add('active');
                 updatePreview();
@@ -553,17 +571,11 @@ async def interface():
                 const div = document.createElement('div');
                 div.className = 'segment-row';
                 div.innerHTML = `
-                    <div class="seg-time">${formatTime(seg.start)} - ${formatTime(seg.end)}</div>
+                    <div class="seg-time">${formatTime(seg.start)} -> ${formatTime(seg.end)}</div>
                     <textarea class="seg-input" rows="1" oninput="updateSegment(${idx}, this)">${seg.text}</textarea>
                 `;
                 container.appendChild(div);
             });
-            
-            // Auto resize
-            document.querySelectorAll('.seg-input').forEach(tx => {
-                tx.style.height = 'auto';
-                tx.style.height = (tx.scrollHeight) + 'px';
-            });
         }
 
         function updateSegment(idx, el) {
@@ -605,8 +617,8 @@ async def interface():
             document.getElementById('lblSize').innerText = size;
 
             txt.style.fontFamily = font;
-            // Scale down font size for preview box (approx 1/3 ratio)
-            txt.style.fontSize = (size / 3) + 'px'; 
+            // تقسیم بر ۵ برای واقعی‌تر شدن پیش‌نمایش
+            txt.style.fontSize = (size / 5) + 'px'; 
             txt.style.color = color;
             txt.style.bottom = (pos / 6) + 'px'; 
             
@@ -630,9 +642,7 @@ async def interface():
 
         // --- RENDER ---
         async function startRender() {
-            // Hide previous result if any
-            document.getElementById('inlineResult').style.display = 'none';
-            showLoader("در حال رندر ویدیو...");
+            showLoader("در حال ساخت ویدیو...");
             
             const payload = {
                 file_id: appState.fileId,
@@ -662,11 +672,11 @@ async def interface():
                 const resultBox = document.getElementById('inlineResult');
                 resultBox.style.display = 'block';
                 
-                // Timestamp to prevent caching
+                // اضافه کردن زمان برای جلوگیری از کش
                 document.getElementById('finalPlayer').src = data.url + "?t=" + Date.now();
                 document.getElementById('dlBtn').href = data.url;
                 
-                // Smooth Scroll to result
+                // اسکرول به نتیجه
                 resultBox.scrollIntoView({behavior: 'smooth'});
 
             } catch(e) {