Update index.html

index.html

@@ -89,12 +89,12 @@
 
             <!-- Composer -->
             <div class="absolute bottom-0 left-0 right-0 border-t border-white/10 bg-neutral-950/80 backdrop-blur p-1">
-              <div class="relative max-w-5xl mx-auto">
-                <textarea id="prompt" rows="1" class="w-full rounded-lg bg-white/5 border border-white/10 pl-3 pr-56 py-1 text-sm placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-brand" placeholder="Press Enter to send • Shift+Enter for newline"></textarea>
-                <button id="send" class="absolute right-3 bottom-2 inline-flex h-8 items-center gap-2 justify-center rounded-lg bg-gradient-to-r from-[#22c55e] to-[#16a34a] px-5 text-sm font-semibold text-black shadow-lg shadow-emerald-500/20 hover:brightness-105 active:translate-y-[1px] focus:outline-none focus:ring-2 focus:ring-emerald-400/60 transition-all">Send
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M3 12l18-9-9 18-1.8-6.2L3 12z"/></svg>
+              <div class="relative max-w-2xl mx-auto">
+                <textarea id="prompt" class="w-full h-10 resize-none rounded-lg bg-white/5 border border-white/10 pl-3 pr-44 pt-2.5 mt-1 text-sm placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-brand" placeholder="Ask anything"></textarea>
+                <button id="send" class="absolute right-3 top-1/2 -translate-y-1/2 -mt-1 inline-flex h-6 items-center gap-2 justify-center rounded-lg bg-gradient-to-r from-[#22c55e] to-[#16a34a] px-3 text-sm font-semibold text-black shadow-lg shadow-emerald-500/20 hover:brightness-105 focus:outline-none focus:ring-2 focus:ring-emerald-400/60 transition-colors">Send
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3"><path d="M3 12l18-9-9 18-1.8-6.2L3 12z"/></svg>
 </button>
-                <button id="setPrompt" class="absolute right-36 bottom-2 inline-flex h-8 items-center gap-2 justify-center rounded-lg bg-white/10 px-3 text-sm font-medium text-white hover:bg-white/15 border border-white/10 backdrop-blur-sm transition-all"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4"><path d="M11 2l1.5 3.5L16 7l-3.5 1.5L11 12l-1.5-3.5L6 7l3.5-1.5L11 2zM18 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z"/></svg> Set Prompt</button>
+                <button id="setPrompt" class="absolute right-24 top-1/2 -translate-y-1/2 -mt-1 inline-flex h-6 items-center gap-2 justify-center rounded-lg bg-white/10 px-2 text-sm font-medium text-white hover:bg-white/15 border border-white/10 backdrop-blur-sm transition-colors duration-150"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3 h-3"><path d="M11 2l1.5 3.5L16 7l-3.5 1.5L11 12l-1.5-3.5L6 7l3.5-1.5L11 2zM18 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z"/></svg> Set Prompt</button>
               </div>
             </div>
           </div>
@@ -153,7 +153,14 @@
 
       let lastResponse=null; let chats=0; function bumpUsage(){ chats++; if(usageEl) usageEl.textContent=chats+'/25'; }
 
-      function setStatus(msg,type='info'){ statusEl.className='px-4 sm:px-6 lg:px-8 pb-4 text-sm '+(type==='error'?'text-red-400':'text-white/70'); statusEl.textContent=msg; statusEl.classList.remove('hidden'); }
+      function setStatus(msg,type='info'){
+        const base='fixed inset-0 z-50 flex items-center justify-center text-center px-4 pointer-events-none';
+        const font='text-base sm:text-lg font-semibold';
+        const color=(type==='error'?'text-red-400':'text-white/80');
+        statusEl.className=base+' '+font+' '+color;
+        statusEl.textContent=msg;
+        statusEl.classList.remove('hidden');
+      }
       function clearStatus(){ statusEl.classList.add('hidden'); }
       function pane(id){ return document.getElementById('pane-'+id); }
       function col(id){ return document.getElementById('col-'+id); }