Align input field width with message bubbles

- Set input-wrapper to 70% width to match message bubble max-width
- Remove unnecessary max-width constraints from containers

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/components/MessageInput.css

@@ -2,17 +2,14 @@
   display: flex;
   gap: 12px;
   padding: 16px;
-  max-width: 800px;
-  margin: 0 auto;
-  width: 100%;
   box-sizing: border-box;
 }
 
 .message-input .input-wrapper {
-  flex: 1;
   position: relative;
   display: flex;
   flex-direction: column;
+  width: 70%;
 }
 
 .message-input .char-count {

frontend/src/components/MessageList.css

@@ -5,10 +5,6 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
-  max-width: 800px;
-  margin: 0 auto;
-  width: 100%;
-  box-sizing: border-box;
 }
 
 .empty-state {