fix(design): the lab draws with the primitives' own classes, not a height-ladder copy; DESIGN no longer claims accent-color tints the colour well (E28)

frontend/src/design-lab/batchCActions.tsx

@@ -1,7 +1,8 @@
 import clsx from "clsx";
 import { Bookmark, Check, ListPlus, MoreHorizontal, Play } from "lucide-react";
 import { Reference, Sample } from "./labKit";
-import { H, LAYER } from "./labTokens";
+import { LAYER } from "./labTokens";
+import { iconButtonClass } from "../components/ui/buttonStyles";
 import { SURFACE } from "../components/ui/surfaces";
 
 // E28 S2 · Batch C, part 1 — action placement: the classification table (object × action → where it
@@ -312,10 +313,9 @@ function Table() {
 }
 
 function Card({ touch }: { touch: boolean }) {
-  const act = clsx(
-    "grid place-items-center rounded-lg bg-black/55 text-white",
-    touch ? "h-11 w-11" : H.iconSm,
-  );
+  // The IconButton `media` face (a dark button on a picture); the touch rendering shows the 44 box
+  // that a coarse pointer gives it (A3).
+  const act = clsx(iconButtonClass({ variant: "media", size: "sm" }), touch && "size-11");
   return (
     <div className={`${SURFACE.card} group flex w-60 flex-col gap-1.5 p-1.5`}>
       <div className="relative aspect-video overflow-hidden rounded-lg bg-linear-to-br from-accent/50 to-card">