Standardize create-flow option steps on one question-and-options layout and Selection sizes.

Method cards, chips, and the right rail now share the two-column shell; last options clear the footer fade, See all stays under the stack, and the left heading no longer jumps when the list expands.

Co-authored-by: Cursor <cursoragent@cursor.com>

tests/unit/createFlowLayoutTokens.test.ts

@@ -8,6 +8,7 @@ import {
   CREATE_FLOW_MD_CENTERED_SHELL_CLASS,
   CREATE_FLOW_PAGE_GUTTER_CLASS,
   CREATE_FLOW_FIXED_TOP_BANNER_OFFSET_CLASS,
+  CREATE_FLOW_SCROLL_END_PAD_CLASS,
   CREATE_FLOW_VIEWPORT_FRAME_CLASS,
   getCreateFlowContentMaxClass,
 } from "../../app/(app)/create/components/createFlowLayoutTokens";
@@ -39,7 +40,11 @@ describe("createFlowLayoutTokens", () => {
     expect(CREATE_FLOW_VIEWPORT_FRAME_CLASS).toContain("max-h-dvh");
   });
 
-  it("centers lockup+card and card-stack steps in the nav–footer band from md", () => {
+  it("pads option scrollports past the footer scrim", () => {
+    expect(CREATE_FLOW_SCROLL_END_PAD_CLASS).toBe("pb-12");
+  });
+
+  it("centers review lockup+card steps in the nav–footer band from md", () => {
     expect(CREATE_FLOW_MD_CENTERED_MAIN_CLASS).toBe(
       "items-start justify-center overflow-y-auto",
     );
@@ -55,7 +60,7 @@ describe("createFlowLayoutTokens", () => {
     );
     expect(
       getCreateFlowContentMaxClass({ step: "communication-methods" }),
-    ).toBe(CREATE_FLOW_WIDE_MAX_CLASS);
+    ).toBe(CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS);
     expect(getCreateFlowContentMaxClass({ step: "final-review" })).toBe(
       CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS,
     );