1차 싱크 완료

src/app/editor/EditorCanvas.tsx

@@ -42,6 +42,7 @@ export function EditorCanvas(props: EditorCanvasProps) {
     projectConfig,
   } = props;
 
+  const canvasOuterStyle: CSSProperties = {};
   const canvasInnerStyle: CSSProperties = {};
   const preset = projectConfig.canvasPreset ?? "full";
   const widthPx =
@@ -59,14 +60,19 @@ export function EditorCanvas(props: EditorCanvasProps) {
     canvasInnerStyle.maxWidth = "1200px";
   }
 
+  if (projectConfig.bodyBgColorHex && projectConfig.bodyBgColorHex.trim()) {
+    canvasOuterStyle.backgroundColor = projectConfig.bodyBgColorHex;
+  }
+
   if (projectConfig.canvasBgColorHex && projectConfig.canvasBgColorHex.trim()) {
     canvasInnerStyle.backgroundColor = projectConfig.canvasBgColorHex;
   }
 
   return (
     <div
-      className="flex-1 p-4 flex flex-col gap-2 text-sm text-slate-200 border-r border-slate-800 overflow-auto"
+      className="flex-1 p-4 flex flex-col gap-2 text-sm text-slate-200 border-r border-slate-800 overflow-auto pb-scroll"
       data-testid="editor-canvas"
+      style={canvasOuterStyle}
       onClick={(event) => {
         if (event.target === event.currentTarget) {
           onCanvasEmptyClick();