1차 싱크 완료

src/app/editor/panels/ImagePropertiesPanel.tsx

@@ -2,6 +2,7 @@
 
 import type { ImageBlockProps } from "@/features/editor/state/editorStore";
 import { NumericPropertyControl } from "@/features/editor/components/NumericPropertyControl";
+import { ColorPickerField, TEXT_COLOR_PALETTE } from "@/features/editor/components/ColorPickerField";
 
 export type ImagePropertiesPanelProps = {
   imageProps: ImageBlockProps;
@@ -127,6 +128,21 @@ export function ImagePropertiesPanel({ imageProps, selectedBlockId, updateBlock
       <div className="mt-3 space-y-2 border-t border-slate-800 pt-3 text-xs text-slate-400">
         <h4 className="text-[11px] font-semibold text-slate-200">이미지 스타일</h4>
 
+        {/* 카드 배경색 */}
+        <div className="space-y-1">
+          <ColorPickerField
+            label="카드 배경색"
+            ariaLabelColorInput="이미지 카드 배경색 피커"
+            ariaLabelHexInput="이미지 카드 배경색 HEX"
+            value={imageProps.backgroundColorCustom ?? ""}
+            onChange={(hex) => {
+              const next = hex && hex.trim().length > 0 ? hex : undefined;
+              updateBlock(selectedBlockId, { backgroundColorCustom: next } as any);
+            }}
+            palette={TEXT_COLOR_PALETTE}
+          />
+        </div>
+
         {/* 정렬 */}
         <label className="flex flex-col gap-1">
           <span>정렬</span>