Update index.html

index.html

@@ -65,26 +65,27 @@
         }
 
         .app-header {
-            padding: 0.5rem 0 3rem 0;
+            padding: 0.5rem 0 2.5rem 0; /* Reduced bottom padding */
             text-align: center;
-            margin-bottom: 2rem;
+            margin-bottom: 1.5rem; /* Reduced bottom margin */
             animation: fadeInDown 0.8s 0.1s ease-out backwards;
         }
         .app-header h1 {
-            font-size: 2.4em; /* کوچکتر شد */
+            font-size: 2.1em; /* باز هم کوچکتر شد */
             font-weight: 900;
-            margin:0 0 0.75rem 0;
+            margin:0 0 0.6rem 0; /* Reduced bottom margin */
             background: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary));
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
-            letter-spacing: -1px;
+            letter-spacing: -0.5px; /* Adjusted spacing */
         }
         .app-header p {
-            font-size: 1.05em; /* کوچکتر شد */
+            font-size: 1em; /* باز هم کوچکتر شد */
             color: var(--text-secondary);
             margin-top:0;
-            opacity: 0.9;
+            opacity: 0.85; /* Slightly more subtle */
             font-weight: 400;
+            line-height: 1.6; /* Adjusted line height */
         }
 
         .main-content {
@@ -551,7 +552,7 @@
                     <label for="text-input">📝 متن مورد نظر شما</label>
                     <textarea id="text-input" rows="4" placeholder="متن خود را اینجا وارد کنید..."></textarea>
                     <div class="char-counter-wrapper">
-                        <span id="char-count">0</span> / <span id="char-max">1000</span> نویسه
+                        <span id="char-count">0</span> / <span id="char-max">50000</span> نویسه
                     </div>
                 </div>
                 <div class="form-group">
@@ -690,14 +691,14 @@
             // Character Counter
             const charCountSpan = document.getElementById('char-count');
             const charMaxSpan = document.getElementById('char-max');
-            const MAX_CHARS = 1000;
-            charMaxSpan.textContent = MAX_CHARS;
+            const MAX_CHARS = 50000; // تغییر به ۵۰,۰۰۰
+            charMaxSpan.textContent = MAX_CHARS.toLocaleString('fa-IR'); // نمایش عدد با جداکننده فارسی
 
             textInput.addEventListener('input', () => {
                 const currentLength = textInput.value.length;
-                charCountSpan.textContent = currentLength;
+                charCountSpan.textContent = currentLength.toLocaleString('fa-IR');
                 if (currentLength > MAX_CHARS) {
-                    charCountSpan.style.color = 'var(--accent-secondary-hover)';
+                    charCountSpan.style.color = 'var(--accent-secondary-hover)'; // یا رنگ هشدار
                 } else {
                     charCountSpan.style.color = 'var(--accent-primary)';
                 }
@@ -842,7 +843,7 @@
                     return;
                 }
                 if (text.length > MAX_CHARS) {
-                    showResultState(false, `خطا: طول متن بیش از ${MAX_CHARS} نویسه است.`);
+                    showResultState(false, `خطا: طول متن بیش از ${MAX_CHARS.toLocaleString('fa-IR')} نویسه است.`);
                     return;
                 }
 
@@ -873,7 +874,7 @@
 
                     let finalFilePath = null;
                     const startTime = Date.now();
-                    const timeoutDuration = 90000;
+                    const timeoutDuration = 90000; // 90 ثانیه
 
                     while (Date.now() - startTime < timeoutDuration) {
                         const dataResponse = await fetch(`${GET_DATA_URL_BASE}?session_hash=${sessionHash}`);