AIT-588: Create page residual carnival pink chrome → gallery copper

app/create/page.tsx

@@ -167,12 +167,12 @@ export default async function CreatePage({
           })}
         />
         <div
-          className="pointer-events-none absolute inset-x-0 top-0 h-72 bg-[radial-gradient(50%_80%_at_12%_0%,rgba(177,78,255,0.18),transparent_70%),radial-gradient(40%_60%_at_88%_0%,rgba(0,217,255,0.12),transparent_65%)]"
+          className="pointer-events-none absolute inset-x-0 top-0 h-72 bg-[radial-gradient(50%_80%_at_12%_0%,rgba(196,165,116,0.14),transparent_70%),radial-gradient(40%_60%_at_88%_0%,rgba(196,165,116,0.08),transparent_65%)]"
           aria-hidden
         />
         <div className="relative mx-auto grid max-w-[1480px] gap-4 border-b border-white/10 px-5 py-5 sm:px-8 lg:grid-cols-[minmax(0,1fr)_420px] lg:items-end lg:px-12">
           <div>
-            <p className="text-[10px] font-black uppercase tracking-[0.2em] text-[#00D9FF]">
+            <p className="text-[10px] font-black uppercase tracking-[0.2em] text-[var(--brand)]">
               {is360
                 ? "Pikbo Generate · 360° listing spin"
                 : "Pikbo Generate · workbench"}
@@ -184,7 +184,7 @@ export default async function CreatePage({
                   : "One owned toy photo → a short product clip.")}
             </h1>
             <p
-              className="mt-3 text-[11px] font-semibold leading-5 text-[#00D9FF]/90"
+              className="mt-3 text-[11px] font-semibold leading-5 text-[var(--brand)]/90"
               data-workbench-honesty="lab-live"
             >
               {WORKBENCH_LAB_LIVE_HONESTY}
@@ -241,19 +241,19 @@ export default async function CreatePage({
         data-fixed-moment-effect={FIXED_MOMENT_EFFECT}
       >
         <div
-          className="pointer-events-none absolute inset-x-0 top-0 h-72 bg-[radial-gradient(50%_80%_at_12%_0%,rgba(177,78,255,0.22),transparent_70%),radial-gradient(40%_60%_at_88%_0%,rgba(255,78,205,0.16),transparent_65%)]"
+          className="pointer-events-none absolute inset-x-0 top-0 h-72 bg-[radial-gradient(50%_80%_at_12%_0%,rgba(196,165,116,0.16),transparent_70%),radial-gradient(40%_60%_at_88%_0%,rgba(196,165,116,0.1),transparent_65%)]"
           aria-hidden
         />
-        <div className="relative mx-auto grid max-w-[1480px] gap-4 border-b border-[#FF4ECD]/15 px-5 py-5 sm:px-8 lg:grid-cols-[minmax(0,1fr)_420px] lg:items-end lg:px-12">
+        <div className="relative mx-auto grid max-w-[1480px] gap-4 border-b border-[var(--brand)]/15 px-5 py-5 sm:px-8 lg:grid-cols-[minmax(0,1fr)_420px] lg:items-end lg:px-12">
           <div>
-            <p className="text-[10px] font-black uppercase tracking-[0.2em] text-[#FF4ECD]">
+            <p className="text-[10px] font-black uppercase tracking-[0.2em] text-[var(--brand)]">
               Pikbo Moment · private render
             </p>
             <h1 className="mt-2 max-w-4xl font-display text-[clamp(2.45rem,4.2vw,4.5rem)] font-black leading-[0.9] tracking-[-0.06em] text-bling">
               Turn one toy photo into Street Power-Up.
             </h1>
           </div>
-          <p className="border-l border-[#B14EFF]/50 pl-4 text-sm font-semibold leading-6 text-white/56">
+          <p className="border-l border-[var(--brand)]/50 pl-4 text-sm font-semibold leading-6 text-white/56">
             One fixed 9:16 · 5s · 720p video. Upload privately, pay 10
             credits only when it completes, then recover and download it from
             Library.

scripts/create-route-360-smoke.mjs

@@ -237,4 +237,32 @@ assert.ok(
   "workbench registry must never include fixed Moment effect"
 );
 
+// AIT-588: Create page residual carnival pink chrome → gallery-calm copper
+// (color only; route contract markers above stay authoritative)
+{
+  const carnival =
+    /#B14EFF|#FF4ECD|#00D9FF|255\s*,\s*78\s*,\s*205|177\s*,\s*78\s*,\s*255|0\s*,\s*217\s*,\s*255/i;
+  const lime = /#c8ff3d|c8ff3d|200\s*,\s*255\s*,\s*61/i;
+  assert.equal(
+    carnival.test(createPage),
+    false,
+    "app/create/page.tsx must not hard-code carnival pink/cyan RGB"
+  );
+  assert.equal(
+    lime.test(createPage),
+    false,
+    "app/create/page.tsx must not hard-code competitor lime (#c8ff3d / rgba 200,255,61)"
+  );
+  assert.match(
+    createPage,
+    /var\(--brand\)/,
+    "Create page eyebrows/border accents use --brand copper"
+  );
+  assert.match(
+    createPage,
+    /rgba\(196\s*,\s*165\s*,\s*116/,
+    "Create page radial wash uses copper board rgba(196,165,116)"
+  );
+}
+
 console.log("create-route-360-smoke: ok");

scripts/generate-360-cta-smoke.mjs

@@ -771,4 +771,29 @@ assert.match(
   "Explore page eyebrows/CTAs/path accents use --brand copper"
 );
 
+// AIT-588: Create page residual carnival pink chrome → gallery-calm copper
+{
+  const createPageCopper = read("app/create/page.tsx");
+  assert.doesNotMatch(
+    createPageCopper,
+    /#c8ff3d|c8ff3d|200\s*,\s*255\s*,\s*61/i,
+    "app/create/page.tsx must not hard-code competitor lime (#c8ff3d / rgba 200,255,61)"
+  );
+  assert.doesNotMatch(
+    createPageCopper,
+    /#B14EFF|#FF4ECD|#00D9FF|255\s*,\s*78\s*,\s*205|177\s*,\s*78\s*,\s*255|0\s*,\s*217\s*,\s*255/i,
+    "app/create/page.tsx must not hard-code carnival pink/cyan RGB"
+  );
+  assert.match(
+    createPageCopper,
+    /var\(--brand\)/,
+    "Create page eyebrows/border accents use --brand copper"
+  );
+  assert.match(
+    createPageCopper,
+    /rgba\(196\s*,\s*165\s*,\s*116/,
+    "Create page radial wash uses copper board rgba(196,165,116)"
+  );
+}
+
 console.log("generate-360-cta-smoke: ok");

scripts/guest-create-preview-regression.mjs

@@ -60,6 +60,30 @@ assert.equal(
   "GuestMomentCreateGate retry hover chrome uses var(--mint) / var(--void) board tokens"
 );
 
+// AIT-588: authenticated Create page chrome residual carnival pink → copper
+// (gate wrap honesty unchanged; page.tsx color-only lock)
+{
+  const carnival =
+    /#B14EFF|#FF4ECD|#00D9FF|255\s*,\s*78\s*,\s*205|177\s*,\s*78\s*,\s*255|0\s*,\s*217\s*,\s*255/i;
+  const lime = /#c8ff3d|c8ff3d|200\s*,\s*255\s*,\s*61/i;
+  assert.equal(
+    carnival.test(createPage),
+    false,
+    "app/create/page.tsx must not hard-code carnival pink/cyan RGB"
+  );
+  assert.equal(
+    lime.test(createPage),
+    false,
+    "app/create/page.tsx must not hard-code competitor lime (#c8ff3d / rgba 200,255,61)"
+  );
+  assert.equal(
+    createPage.includes("var(--brand)") &&
+      /rgba\(196\s*,\s*165\s*,\s*116/.test(createPage),
+    true,
+    "Create page radial wash + eyebrows use --brand + copper rgba(196,165,116)"
+  );
+}
+
 for (const asset of [
   "public/demos/beatbot-still.webp",
   "public/demos/beatbot-viral-hook.mp4",

scripts/product-proof-smoke.mjs

@@ -299,6 +299,26 @@ assert(
   );
 }
 
+// AIT-588: Create page residual carnival pink chrome → gallery-calm copper
+{
+  const carnival =
+    /#B14EFF|#FF4ECD|#00D9FF|255\s*,\s*78\s*,\s*205|177\s*,\s*78\s*,\s*255|0\s*,\s*217\s*,\s*255/i;
+  const lime = /#c8ff3d|c8ff3d|200\s*,\s*255\s*,\s*61/i;
+  assert(
+    !carnival.test(create),
+    "app/create/page.tsx must not hard-code carnival pink/cyan RGB"
+  );
+  assert(
+    !lime.test(create),
+    "app/create/page.tsx must not hard-code competitor lime (#c8ff3d / rgba 200,255,61)"
+  );
+  assert(
+    create.includes("var(--brand)") &&
+      /rgba\(196\s*,\s*165\s*,\s*116/.test(create),
+    "Create page radial wash + eyebrows use --brand + copper rgba(196,165,116)"
+  );
+}
+
 console.log(
   `product-proof smoke passed: ${proofSlugs.length} proof recipes, static concepts, 1/2 autoplay budget`
 );