fix(web): home computer-open split — match bud (wide panel, narrow left column)

Two bugs made the home 'computer open' layout wrong vs bud (content stayed wide +
centered, panel capped narrow):
1. The computer-open shift rules lived in @layer utilities, so the elements' own
   Tailwind utilities (px-6, max-w-[740px], right-0) won and the content never
   collapsed. Moved them UNLAYERED (unlayered beats layered) so they apply.
2. The Computer panel was capped at max-w-[760px] (~40vw); bud's is ~68vw. Dropped
   the cap so it fills the right (w = 100vw - sidebar - 34rem), and set the content
   reserve/composer to 100vw - sidebar - 32rem so the content is a ~30rem left
   column and the composer aligns under it.

Verified live: narrow left column + aligned composer + wide panel, matching bud.

Author: iamjr15

apps/web/src/app/globals.css

@@ -566,32 +566,35 @@
   }
 }
 
-@layer utilities {
-  @media (min-width: 768px) {
-    html.cheatcode-home-computer-open .cheatcode-home-main {
-      padding-right: min(58vw, 48rem);
-      transition: padding-right 200ms ease;
-    }
+/* Home "computer open" split — content collapses to a narrow left column and the
+   Computer panel takes the wide right side (bud parity). Left UNLAYERED on purpose:
+   inside @layer utilities these lose to the elements' own Tailwind utilities
+   (px-6 / max-w / right-0); unlayered rules win. Reserve = viewport minus the
+   sidebar rail minus the ~32rem content column, matching the panel's own width. */
+@media (min-width: 768px) {
+  html.cheatcode-home-computer-open .cheatcode-home-main {
+    padding-right: calc(100vw - var(--cheatcode-sidebar-offset, 4rem) - 32rem);
+    transition: padding-right 200ms ease;
+  }
 
-    html.cheatcode-home-computer-open .cheatcode-home-center {
-      max-width: 30rem;
-      transition: max-width 200ms ease;
-    }
+  html.cheatcode-home-computer-open .cheatcode-home-center {
+    max-width: 30rem;
+    transition: max-width 200ms ease;
+  }
 
-    html.cheatcode-home-computer-open .cheatcode-home-composer-form {
-      right: min(58vw, 48rem);
-      padding-left: var(--cheatcode-sidebar-offset, 4rem);
-      width: auto;
-      transition:
-        right 200ms ease,
-        width 200ms ease,
-        padding-left 200ms ease;
-    }
+  html.cheatcode-home-computer-open .cheatcode-home-composer-form {
+    right: calc(100vw - var(--cheatcode-sidebar-offset, 4rem) - 32rem);
+    padding-left: var(--cheatcode-sidebar-offset, 4rem);
+    width: auto;
+    transition:
+      right 200ms ease,
+      width 200ms ease,
+      padding-left 200ms ease;
+  }
 
-    html.cheatcode-home-computer-open .cheatcode-home-composer-shell {
-      max-width: 28rem;
-      transition: max-width 200ms ease;
-    }
+  html.cheatcode-home-computer-open .cheatcode-home-composer-shell {
+    max-width: 30rem;
+    transition: max-width 200ms ease;
   }
 }
 

apps/web/src/components/home/home-session-chrome.tsx

@@ -154,7 +154,7 @@ function HomeComputerPanel({
   return (
     <aside
       aria-label="Computer"
-      className="fixed top-3.5 right-3.5 bottom-3.5 z-30 hidden w-[calc(100vw-var(--cheatcode-sidebar-offset,4rem)-32rem)] min-w-[420px] max-w-[760px] flex-col overflow-hidden bg-white md:flex"
+      className="fixed top-3.5 right-3.5 bottom-3.5 z-30 hidden w-[calc(100vw-var(--cheatcode-sidebar-offset,4rem)-34rem)] min-w-[420px] flex-col overflow-hidden bg-white md:flex"
     >
       <div className="flex h-10 shrink-0 items-center justify-between pr-36">
         <div