Merge reviewed PR #607 into local capability integration

Author: codex

remotion-composer/SCENE_TYPES.md

@@ -15,7 +15,7 @@ When you add a new component, append it here and in `src/components/index.ts`.
 | `text_card` | `TextCard` | `text` | `fontSize`, `backgroundVideo`, `backgroundOverlay`, `color` | Large-typography beat |
 | `hero_title` | `HeroTitle` | `text` | `heroSubtitle`, `backgroundVideo`, `backgroundOverlay` | Title/end card |
 | `stat_card` | `StatCard` | `stat` | `subtitle`, `accentColor`, `backgroundVideo` | A single big number |
-| `callout` | `CalloutBox` | `text` | `callout_type` (info/warning/tip/quote), `title`, `backgroundVideo` | Boxed message with bullets |
+| `callout` | `CalloutBox` | `text` | `callout_type` (info/warning/tip/quote), `title`, `backgroundVideo`, `fontSize`, `titleFontSize` | Boxed message with bullets |
 | `comparison` | `ComparisonCard` | `leftLabel`, `leftValue`, `rightLabel`, `rightValue` | `title`, `backgroundColor` | Side-by-side compare |
 | `bar_chart` | `BarChart` | `chartData` | `chartAnimation`, `showValues`, `showGrid`, `backgroundVideo` | Animated bars |
 | `line_chart` | `LineChart` | `chartSeries` | `chartAnimation`, `xLabel`, `yLabel`, `showMarkers` | Animated line |

remotion-composer/src/Explainer.tsx

@@ -238,6 +238,7 @@ interface Cut {
   color?: string;
   accentColor?: string;
   fontSize?: number;
+  titleFontSize?: number;
   // Animation & transitions
   animation?: string;
   transition_in?: string;
@@ -604,6 +605,7 @@ const SceneRenderer: React.FC<{ cut: Cut; theme: ThemeConfig }> = ({ cut, theme
         text={cut.text} type={cut.callout_type} title={cut.title}
         borderColor={accent} backgroundColor={cut.backgroundColor || theme.surfaceColor}
         textColor={textColor} containerBackgroundColor={bgColor}
+        fontSize={cut.fontSize} titleFontSize={cut.titleFontSize}
       />
     );
   }