fix(chatWidth): extend input-container gradient to match chat width

Closes #420

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Entire-Checkpoint: 068a9401b89f

Author: Nagi-ovo

src/pages/content/chatWidth/index.ts

@@ -200,6 +200,20 @@ function applyWidth(widthPercent: number) {
       max-width: ${widthValue} !important;
     }
 
+    /* Extend input-container gradient to match chat width */
+    input-container {
+      max-width: none !important;
+      width: 100% !important;
+    }
+
+    input-container .input-area-container,
+    input-container input-area-v2 {
+      max-width: ${widthValue} !important;
+      width: min(100%, ${widthValue}) !important;
+      margin-left: auto !important;
+      margin-right: auto !important;
+    }
+
     /* Specific fix for user bubble background to fit content but respect max-width */
     .user-query-bubble-with-background {
       max-width: ${widthValue} !important;