Update static/style.css

static/style.css

@@ -93,10 +93,6 @@ button:hover:not(:disabled) {
     transform: scale(1.03);
 }
 
-#number_label, #number {
-    display: none;
-}
-
 #charCount {
     font-size: 14px;
     color: #666;
@@ -116,6 +112,27 @@ button:hover:not(:disabled) {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 
+.loading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
+}
+
+.spinner {
+    border: 6px solid #f3f3f3;
+    border-top: 6px solid #4CAF50;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
 @media (max-width: 768px) {
     .container {
         width: 90%;