diff --git a/src/app/admin/designs/[id]/edit/page.tsx b/src/app/admin/designs/[id]/edit/page.tsx
index cac3ddb..02b1b87 100644
--- a/src/app/admin/designs/[id]/edit/page.tsx
+++ b/src/app/admin/designs/[id]/edit/page.tsx
@@ -95,18 +95,9 @@ export default function EditDesignPage({ params }: { params: { id: string } }) {
           ← Back to design approval
         </Link>
 
-        <div className="mb-6 flex items-center justify-between">
-          <div>
-            <h1 className="font-display text-3xl mb-2">{design.product.name}</h1>
-            <p className="text-sm text-muted">Editing design for {design.customerName || design.customerEmail}</p>
-          </div>
-          <button
-            onClick={handleSendToCustomer}
-            disabled={sending}
-            className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark disabled:opacity-60"
-          >
-            {sending ? 'Sending…' : 'Send to Customer for Review'}
-          </button>
+        <div className="mb-6">
+          <h1 className="font-display text-3xl mb-2">{design.product.name}</h1>
+          <p className="text-sm text-muted">Editing design for {design.customerName || design.customerEmail}</p>
         </div>
 
         {/* Full Design Canvas */}
@@ -116,6 +107,7 @@ export default function EditDesignPage({ params }: { params: { id: string } }) {
           initialDesignJson={design.designJson}
           initialColor={design.color}
           initialSize={design.size}
+          designId={params.id}
         />
       </div>
     </div>
diff --git a/src/app/api/designs/[id]/send-to-customer/route.ts b/src/app/api/designs/[id]/send-to-customer/route.ts
index 396d2a7..2df0d71 100644
--- a/src/app/api/designs/[id]/send-to-customer/route.ts
+++ b/src/app/api/designs/[id]/send-to-customer/route.ts
@@ -7,6 +7,8 @@ export async function POST(
   { params }: { params: { id: string } }
 ) {
   try {
+    const { designPreviewUrl, designPreviewUrlBack, placementPreviewUrl, placementPreviewUrlBack } = await req.json().catch(() => ({}));
+
     const design = await prisma.designApproval.findUnique({
       where: { id: params.id },
       include: { product: true },
@@ -16,10 +18,16 @@ export async function POST(
       return NextResponse.json({ error: 'Design not found' }, { status: 404 });
     }
 
-    // Update status to IN_REVIEW
+    // Update status to IN_REVIEW and save new preview if provided
+    const updateData: any = { status: 'IN_REVIEW' };
+    if (designPreviewUrl) updateData.designPreviewUrl = designPreviewUrl;
+    if (designPreviewUrlBack) updateData.designPreviewUrlBack = designPreviewUrlBack;
+    if (placementPreviewUrl) updateData.placementPreviewUrl = placementPreviewUrl;
+    if (placementPreviewUrlBack) updateData.placementPreviewUrlBack = placementPreviewUrlBack;
+
     const updated = await prisma.designApproval.update({
       where: { id: params.id },
-      data: { status: 'IN_REVIEW' },
+      data: updateData,
       include: { product: true, messages: { orderBy: { createdAt: 'asc' } } },
     });
 
diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index 5e67076..7be19f7 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -493,12 +493,14 @@ export default function DesignCanvas({
   initialDesignJson,
   initialColor,
   initialSize,
+  designId,
 }: {
   product: ProductDTO;
   isAdminEditing?: boolean;
   initialDesignJson?: string;
   initialColor?: string;
   initialSize?: string | null;
+  designId?: string;
 }) {
   const [color, setColor] = useState(initialColor ?? product.colors[0]);
   const [size, setSize] = useState<string | null>(initialSize ?? (product.sizes[0] ?? null));
@@ -1037,6 +1039,52 @@ export default function DesignCanvas({
     });
   };
 
+  const handleSendToCustomerForReview = async (id: string) => {
+    if (!stageBackRef.current || !stageFrontRef.current) return;
+
+    setSubmittingForApproval(true);
+    try {
+      // Capture front preview
+      const frontStage = stageFrontRef.current;
+      const frontGuides = frontStage.find('.printGuide');
+      frontGuides.forEach((g) => g.hide());
+      const frontDataUrl = frontStage.toDataURL({ pixelRatio: 2 });
+      frontGuides.forEach((g) => g.show());
+
+      // Capture back preview if exists
+      let backDataUrl: string | null = null;
+      if (hasBack && stageBackRef.current) {
+        const backStage = stageBackRef.current;
+        const backGuides = backStage.find('.printGuide');
+        backGuides.forEach((g) => g.hide());
+        backDataUrl = backStage.toDataURL({ pixelRatio: 2 });
+        backGuides.forEach((g) => g.show());
+      }
+
+      // Send to API with the new preview images
+      const res = await fetch(`/api/designs/${id}/send-to-customer`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          designPreviewUrl: frontDataUrl,
+          designPreviewUrlBack: backDataUrl,
+        }),
+      });
+
+      if (res.ok) {
+        setSubmissionMessage('✓ Design sent to customer for review!');
+        setTimeout(() => setSubmissionMessage(null), 5000);
+      } else {
+        setSubmissionMessage('✗ Failed to send design');
+      }
+    } catch (err) {
+      console.error('Error sending design:', err);
+      setSubmissionMessage('✗ Error sending design');
+    } finally {
+      setSubmittingForApproval(false);
+    }
+  };
+
   function renderPhoto(v: 'front' | 'back') {
     const colorPhoto = v === 'front' ? product.colorPhotos[color] : product.colorPhotosBack[color];
     if (colorPhoto) {
@@ -1564,12 +1612,24 @@ export default function DesignCanvas({
               >
                 Add to bag — <Price cents={((elementsFront.length > 0 || elementsBack.length > 0) ? effectivePriceForPersonalised : product.effectivePrice) * quantity} />
               </button>
+            ) : isAdminEditing ? (
+              <button
+                onClick={() => handleSendToCustomerForReview(params?.id || '')}
+                disabled={submittingForApproval}
+                className={`flex-1 px-6 py-3 text-sm font-medium transition-colors ${
+                  submittingForApproval
+                    ? 'bg-muted text-muted/50 cursor-not-allowed'
+                    : 'bg-clay text-paper hover:bg-clay-dark'
+                }`}
+              >
+                {submittingForApproval ? 'Sending…' : 'Send to Customer for Review'}
+              </button>
             ) : (
               <button
                 onClick={handleSubmitForApproval}
-                disabled={isAdminEditing || elementsFront.length === 0 && elementsBack.length === 0 || submittingForApproval || approvalStatus === 'PENDING'}
+                disabled={elementsFront.length === 0 && elementsBack.length === 0 || submittingForApproval || approvalStatus === 'PENDING'}
                 className={`flex-1 px-6 py-3 text-sm font-medium transition-colors ${
-                  isAdminEditing || elementsFront.length === 0 && elementsBack.length === 0 || submittingForApproval || approvalStatus === 'PENDING'
+                  elementsFront.length === 0 && elementsBack.length === 0 || submittingForApproval || approvalStatus === 'PENDING'
                     ? 'bg-muted text-muted/50 cursor-not-allowed'
                     : 'bg-clay text-paper hover:bg-clay-dark'
                 }`}