diff --git a/src/components/admin/studio/studio-client.tsx b/src/components/admin/studio/studio-client.tsx
index 164b78be..db293b74 100644
--- a/src/components/admin/studio/studio-client.tsx
+++ b/src/components/admin/studio/studio-client.tsx
@@ -26,7 +26,13 @@ import {
 	Trash2,
 	X,
 } from "lucide-react";
-import { motion } from "motion/react";
+// motion/react-m is the minimal entry. The full motion/react pulls in
+// framer-motion's entire component library (73 internal modules) for what this
+// file needs: one fade-in on the result pane. The minimal entry ships only the
+// element factories (2 modules) and exposes the same initial/animate/transition
+// props, so the fade behaves identically. Only the element factory is
+// imported, since that is the single one this file renders.
+import { div as Mdiv } from "motion/react-m";
 import {
 	lazy,
 	Suspense,
@@ -2053,7 +2059,7 @@ export function StudioClient({
 								</p>
 							</div>
 						) : (
-							<motion.div
+							<Mdiv
 								key={viewMode}
 								initial={{ opacity: 0 }}
 								animate={{ opacity: 1 }}
@@ -2497,7 +2503,7 @@ export function StudioClient({
 										</span>
 									)}
 								</div>
-							</motion.div>
+							</Mdiv>
 						)}
 					</div>