Align custom policy details with the Figma create modal so the add-field control, copy, and labels match the intended styling.

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

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.container.tsx

@@ -388,6 +388,7 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
 
     const handleSelectFieldType = useCallback((ft: AddCustomFieldType) => {
       setEditingBlockId(null);
+      setAddFieldExpanded(false);
       resetFieldTypeDrafts();
       setFieldTypeModal(ft);
       fieldModalSnapshotRef.current = JSON.stringify({
@@ -531,6 +532,7 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
       });
       setFieldTypeModal(null);
       setEditingBlockId(null);
+      setAddFieldExpanded(false);
       fieldModalSnapshotRef.current = null;
     }, [
       badgeBlockTitle,

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.view.tsx

@@ -90,7 +90,7 @@ function CustomMethodCardWizardViewComponent({
         />
       ) : null}
       {!fieldTypeModal && wizardStep === 3 ? (
-        <div className="flex w-full flex-col gap-4 pt-1">
+        <div className="flex w-full flex-col gap-6">
           {draftFieldBlocks.length > 0 ? (
             <CustomMethodCardWizardBlocksList
               blocks={draftFieldBlocks}

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizardBlocksList.view.tsx

@@ -43,7 +43,7 @@ function CustomMethodCardWizardBlocksListViewComponent({
 }: CustomMethodCardWizardBlocksListViewProps) {
   return (
     <ul
-      className="flex list-none flex-col gap-2 p-0 pt-1"
+      className="flex list-none flex-col gap-2 p-0"
       aria-label={listLabel}
     >
       {blocks.map((block, index) => {

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizardFieldBodies.view.tsx

@@ -53,11 +53,9 @@ function CustomMethodCardWizardFieldBodiesViewComponent({
           maxLength={CUSTOM_METHOD_CARD_WIZARD_MAX_FIELD_CHARS}
         />
         <div className="flex flex-col gap-2">
-          <InputLabel
-            label={copy.text.placeholderLabel}
-            size="s"
-            palette="default"
-          />
+          <label className="text-[14px] leading-[20px] font-medium text-[var(--color-content-default-primary)]">
+            {copy.text.placeholderLabel}
+          </label>
           <TextArea
             formHeader={false}
             appearance="embedded"