InfoVis: Unified Slide Image Generation and Editing

This presentation slide has a solid muted olive-green background (#7A8B5C) and a two-column layout. In the upper left, the title "FOUNDATIONS OF RHETORIC" is set over two lines in large, thin, off-white serif capitals. In the upper right, the subtitle "(The Art of Persuasion)" appears in a light sans-serif font, with a thin off-white horizontal rule beneath it spanning the right column.

The lower left quadrant features a large coral-red circle (#F0705A) partially cut off by the left and bottom edges of the slide. In front of it stands a classical white marble bust of a Greek man with curly hair and draped robes, shown from the chest up and looking toward the right.

On the right, below the rule, a heading reads "The Three Core Pillars:" followed by four bullet points in off-white sans-serif text, with the leading term of each bullet in semi-bold:
- "Ethos: Establishes the credibility and moral character of the speaker"
- "Pathos: Appeals to the audience's emotions and values"
- "Logos: Employs logical reasoning and factual evidence to prove a point"
- "Conclusion: True persuasion thrives when all three pillars unite"

The overall look is elegant and classical, with generous spacing and high contrast between the off-white text and the green background.

This presentation slide uses a soft pastel gradient background that shifts from light blue on the left to peach on the right, decorated with small floating bubbles and stars, with leafy plants and tiny flowers along the bottom corners, all rendered in a cute 3D clay style. At the top center, the title "GUIDE TO PRODUCTIVE LEARNING" is written in large, bold, rounded coral-red letters with a white outline.

Below the title are three rounded cream-colored cards side by side, each topped by a coral header band with white text:
1. "1. EFFECTIVE STUDY METHODS", with the bullets "Active Recall Practice", "Spaced Repetition", "Mind Mapping Techniques", and "Teaching Others Concepts"; at the bottom of the card, a smiling yellow pencil, colorful sticky notes, and a coral notebook.
2. "2. TIME MANAGEMENT TIPS", with the bullets "Set Clear Daily Goals", "Use Pomodoro Technique", "Eliminate Distractions", and "Take Regular Breaks"; at the bottom, a smiling red alarm clock next to a smiling spiral notepad.
3. "3. OPTIMAL LEARNING ENVIRONMENT", with the bullets "Choose Quiet Study Spaces", "Maintain Good Posture", "Ensure Proper Lighting", and "Keep Materials Organized"; at the bottom, a sleeping white cat with "Zzz" next to a steaming cup of coffee on a small wooden table.

The bullet text is dark brown in a rounded sans-serif font. The overall style is cheerful, soft, and friendly, like a 3D cartoon infographic.

This presentation slide has a solid near-black background (#1C1C1C). On the left, a rounded-corner photo panel with a hot-pink background shows a woman with dark hair tied back, wearing a bright pink blazer, sitting at a desk with a laptop and concentrating on the smartphone she is tapping with her finger.

On the right, a large white rounded rectangle contains the title "3 TIPS TO BUILD HEALTHY DIGITAL HABITS" in very large, bold, black condensed sans-serif capitals over two lines. Below it are three rounded cards side by side, each with a bold black heading and smaller black body text:
- A mint-green card (#20D3A8): "SET CLEAR SCREEN BOUNDARIES" - "Choose specific times to check messages, social media, and news. Protect focused work, rest, and personal moments from constant digital interruption."
- A light lavender card (#E2DCF5): "CURATE YOUR DIGITAL SPACE" - "Follow sources that inform, inspire, or support your goals. Remove apps, alerts, and feeds that drain attention or create unnecessary stress."
- A golden-yellow card (#F5C518): "RECONNECT OFFLINE DAILY" - "Make room for movement, face-to-face conversation, quiet reflection, or creative hobbies. Use technology as a tool, not the center of your day."

The design is bold, modern, and high-contrast, with the vivid pink photo and the colorful cards standing out against the dark background.

This presentation slide is split into two vertical halves. The left half has a solid bright blue background (#2F6FD6). At the top left, the title "INNOVATION STRATEGY FRAMEWORK" is written across three lines in very large, bold, orange (#F4A261) sans-serif capitals. Below it, the subtitle "Analysis & Implementation Guide" appears in white. Under the subtitle, six white bullet points in a condensed sans-serif font read: "Define Core Innovation Objectives", "Identify Market Opportunities", "Develop Customer-Centric Solutions", "Establish Innovation Metrics & KPIs", "Create Cross-Functional Collaboration", and "Build Scalable Implementation Roadmap".

The right half is a bright outdoor photograph: a young woman with long brown hair stands on a grassy coastline in front of a calm blue sea and a clear sky. She wears a translucent white hooded raincoat over a striped dress, holds the coat closed with both hands, and gazes thoughtfully into the distance. Floating 3D abstract shapes decorate the photo: an iridescent pink-and-blue blob in its top left corner, a cluster of glossy orange spheres in its top right corner, and another pastel blue-pink blob in its bottom right corner.

The style is modern and energetic, combining bold typography with a vivid lifestyle photograph.

A presentation slide bears the title "ONTOLOGY IMPLEMENTATION" in large black serif capitals and the subtitle "A Structured Approach to Knowledge Representation." It presents a four-step process laid out horizontally across the slide, set against a light beige background. Four separate rounded rectangular boxes with thin gray borders and soft shadows are shown, each with a numbered circle (1 to 4) at the top. The first box, labeled "ONTOLOGY DESIGN," contains the following bullet points: "Define Boundaries and Coverage," "Identify Concepts and Relationships," and "Specify Properties and Constraints." The second box, titled "KNOWLEDGE ACQUISITION," includes: "Gather Information from Sources," "Standardize Datasets into Schemas," and "Extract Core Entities and Instances." The third box, named "IMPLEMENTATION FORMALIZATION," lists: "Select A Formal Ontology Language," "Define Classes, Axioms, and Rules," and "Integrate with Existing Systems." The fourth box, titled "VALIDATION MAINTENANCE," features: "Verify Consistency and Correctness," "Evaluate Against Defined Criteria," and "Iterative Update and Refine." At the bottom center of the slide, the footer reads "Presented by InfoVis — turning ideas into intelligent slides."

### SYSTEM ROLE & OBJECTIVE
You are the world's most advanced AI Presentation Rendering Engine. Your architecture combines the creativity of a top-tier Art Director with the precision of a Data Engineer.

**Your Goal:** Convert the provided **Structured Content JSON** into a single, high-fidelity presentation slide image.

### INPUT DATA INTERPRETATION
You will receive a JSON object representing ONE slide. You must parse it as follows:
1.  **`global_style`**: Defines the immutable "laws of physics" for the slide (lighting, canvas material, color palette).
2.  **`visual_hierarchy`**: Defines the compositional logic and mood.
3.  **`blocks`**: The specific content elements (text, images, shapes) to be rendered.

### CRITICAL EXECUTION PROTOCOLS (NON-NEGOTIABLE)

#### 1. IMAGE INTEGRITY & PRESERVATION (HIGHEST PRIORITY)
*   **The Rule:** When you encounter a block with `type: "image"`, you MUST embed the provided source images into your output.
*   **Input Images:** Source images are provided as attachments along with this prompt. These are the ACTUAL images you must use.
*   **Strict Constraint:** You must **STRICTLY PRESERVE** the internal pixel content of these source images.
    *   **DO NOT** crop, distort, reimagine, or hallucinate the data inside the chart/table.
    *   **DO NOT** replace the provided images with generic stock photos or AI-generated alternatives.
    *   **DO NOT** ignore or omit the provided images - they MUST appear in the final slide.
*   **Allowed Actions:** You MAY apply external styling to the *container* of the image (e.g., adding a glassmorphic border, a drop shadow, or a 3D perspective tilt) to make it fit the `theme_name`, provided the data remains legible.
*   **Multiple Images:** If multiple images are provided, arrange them appropriately (side-by-side, stacked, or as specified in `special_instructions`).

#### 2. TEXT ADAPTATION & BOUNDARIES
*   **The Rule:** The JSON `content` field is your EXCLUSIVE source of text.
*   **Strict Constraint:**
    *   **NO Hallucinations:** Do not invent new text, headings, or summaries to fill space.
    *   **NO Fluff:** If the content is sparse, embrace the negative space (whitespace) for a clean, high-end look.
    *   **Formatting:** You are authorized to adjust typography (kerning, line breaks, font weights) for visual impact, but strictly prevent "walls of text."
*   **`role: "script"` Handling:** The `script` block is for **CONTEXT ONLY**. It tells you *what the slide is about* to inform your mood/lighting choices. **NEVER** render the script paragraph visually on the slide unless explicitly instructed in `special_instructions`.

#### 3. THE "SPECIAL_INSTRUCTIONS" OVERRIDE
*   **The Rule:** The key `special_instructions` (found in `global_style` or individual `blocks`) is the **Creative Override**.
*   **Action:** If this key exists and contains text, it takes precedence over default rendering rules.
    *   *Example:* If `global_style` says "Blue Background" but `special_instructions` says "Immerse in a deep underwater bioluminescent scene," you execute the bioluminescent scene.
    *   Use this field to add texture, lighting effects (bokeh, ray-tracing), and stylistic flair.

#### 4. STRICT GLOBAL_STYLE ADHERENCE (CONSISTENCY)
*   **The Rule:** The `global_style` defines the EXACT visual parameters that MUST be consistent across all slides.
*   **Background:** Use EXACTLY the `background_color` specified. The background appearance must be IDENTICAL on every slide.
*   **Fonts:** Use EXACTLY the fonts specified in `font_palette.primary` for titles and `font_palette.secondary` for body text.
*   **Colors:** Use EXACTLY the hex codes from `color_palette` when `color_ref` references them.
*   **Consistent Sizing by Role:**
    *   All TITLE blocks (`font_size_weight: "Dominant"`) must appear at the SAME size and position on every slide.
    *   All CORE_POINTS/LIST blocks (`font_size_weight: "Subheading"`) must use the SAME font style and size on every slide.
    *   All CAPTION blocks (`font_size_weight: "Caption"`) must use the SAME font style and size on every slide.
*   **Purpose:** This ensures that when multiple slides are generated independently, they will look like they belong to the same presentation - same title size, same bullet point style, same caption style.

#### 5. CREATIVE DECORATIVE ELEMENTS (ENCOURAGED)
*   **The Rule:** You are ENCOURAGED to add decorative visual elements beyond what is specified in the JSON blocks to enhance aesthetics.
*   **Allowed Decorations:**
    *   Decorative icons, symbols, or pictograms that relate to the slide content
    *   Subtle geometric shapes, lines, or dividers
    *   Background patterns, gradients, or texture overlays
    *   Visual accents, highlights, or emphasis elements
    *   Decorative borders, frames, or containers for content groups
*   **Constraints:**
    *   **DO NOT** add new text content - only use text from the JSON `content` fields
    *   Decorative elements should complement the `global_style` theme
    *   Keep decorations subtle and professional - they should enhance, not distract
*   **Purpose:** Make each slide visually engaging and polished, going beyond a plain text-on-background layout.

#### 6. LAYOUT DIVERSITY & VISUAL VARIETY (IMPORTANT)
*   **The Rule:** AVOID the monotonous "title + bullet list" pattern. Each slide should feel visually unique.
*   **Execution:**
    *   **Text-heavy slides:** Arrange multiple body text blocks in creative layouts (columns, asymmetric placement, staggered positions) rather than a vertical list.
    *   **Visual-led slides:** When images, tables, or illustrations dominate, let them take center stage. Body text (if any) should be minimal and positioned as supporting elements.
    *   **Mixed slides:** Balance text and visuals with dynamic compositions—side-by-side, overlapping containers, or layered arrangements.
    *   **Embrace whitespace:** If content is sparse, use negative space intentionally for a clean, premium aesthetic. Do NOT artificially stretch or pad content.
*   **Variety Techniques:**
    *   Vary text block positions (left-aligned, right-aligned, centered, scattered)
    *   Use different container shapes or groupings per slide
    *   Adjust visual weight distribution (sometimes title dominant, sometimes visual dominant)
*   **Purpose:** Create a presentation that feels dynamic and engaging, where each slide has its own compositional identity while still adhering to `global_style` consistency.

### OUTPUT GENERATION
Generate the final image representation of the slide based on these rules.

### SLIDE JSON:
```json
{
  "global_style": {
    "theme_name": "Technical Research Slide",
    "background": {
      "color": "#F8FAFB",
      "gradient": null,
      "texture": "smooth",
      "pattern": null
    },
    "font_palette": {
      "primary": "Helvetica",
      "secondary": "Helvetica"
    },
    "color_palette": {
      "primary": "#3A8FB7",
      "secondary": "#E4ECF4",
      "text": "#222222",
      "accent": "#3A8FB7"
    },
    "special_instructions": "The slide uses a crisp, uncluttered academic look. Background is an off-white. Text is set in a dark charcoal sans-serif font. The main highlight is a soft teal (#3A8FB7) for chart lines and legend. The arrangement is a strict grid: theoretical formulas on the left, empirical results on the right."
  },
  "visual_hierarchy": {
    "mood_tone": "Formal, Technical, Insightful",
    "composition_style": "Asymmetric Dual-Column"
  },
  "styled_slides": [
    {
      "slide_id": 27,
      "blocks": [
        {
          "id": "title-27",
          "type": "text",
          "role": "title",
          "content": "Extended Augmentation Methods: Data-regularized Q",
          "style": {
            "color": "#222222",
            "font_family": "Helvetica",
            "importance": "dominant",
            "position": "top-center",
            "text_style": {
              "font_weight": "bold",
              "text_effect": [],
              "outline_color": null,
              "shadow_type": null
            },
            "container": null,
            "special_instructions": "Use a large font size, deep charcoal color, centered at the top."
          }
        },
        {
          "id": "body-27-1",
          "type": "text",
          "role": "body",
          "content": "1. Regularize targets using multiple augmentations (K):",
          "style": {
            "font_family": "Helvetica",
            "color": "#222222",
            "importance": "supporting",
            "position": "left-column, top",
            "container": null,
            "container_opacity": null,
            "special_instructions": "Numbered list item, number '1' in bold."
          }
        },
        {
          "id": "equation-27-1",
          "type": "text",
          "role": "equation",
          "content": {
            "latex": "y_i = r_i + \\gamma \\frac{1}{K} \\sum_{k=1}^{K} Q_{\\theta}(f(s'_i, \\nu'_{i,k}), a'_{i,k})",
            "variables": "y_i: target, r_i: reward, gamma: discount factor, K: number of augmentations, Q_theta: Q-network, f: augmentation function, nu: noise, a: action"
          },
          "style": {
            "font_family": "Times New Roman",
            "color": "#222222",
            "position": "left-column, below first body text",
            "container": null,
            "special_instructions": "Standard math notation with italicized variable names."
          }
        },
        {
          "id": "equation-27-2",
          "type": "text",
          "role": "equation",
          "content": {
            "latex": "where a'_{i,k} \\sim \\pi(\\cdot | f(s'_i, \\nu'_{i,k}))",
            "variables": "a'_{i,k}: augmented action, pi: policy distribution"
          },
          "style": {
            "font_family": "Times New Roman",
            "color": "#222222",
            "position": "left-column, below first equation",
            "container": null,
            "special_instructions": "Smaller font size than above equation, starts with 'where'."
          }
        },
        {
          "id": "body-27-2",
          "type": "text",
          "role": "body",
          "content": "2. Regularize Q-values over several augmentations (M):",
          "style": {
            "font_family": "Helvetica",
            "color": "#222222",
            "importance": "supporting",
            "position": "left-column, middle",
            "container": null,
            "container_opacity": null,
            "special_instructions": "Numbered list item, number '2' in bold."
          }
        },
        {
          "id": "equation-27-3",
          "type": "text",
          "role": "equation",
          "content": {
            "latex": "\\theta \\leftarrow \\theta - \\lambda_{\\theta} \\nabla_{\\theta} \\frac{1}{NM} \\sum_{i=1,m=1}^{N,M} (Q_{\\theta}(f(s_i, \\nu_{i,m}), a_i) - y_i)^2",
            "variables": "theta: network parameters, lambda_theta: learning rate, nabla_theta: gradient, N: batch size, M: number of augmentations"
          },
          "style": {
            "font_family": "Times New Roman",
            "color": "#222222",
            "position": "left-column, below second body text",
            "container": null,
            "special_instructions": "Mathematical notation; variables are italicized."
          }
        },
        {
          "id": "figure-1",
          "type": "image",
          "role": "visual_elements",
          "content": {
            "image_paths": [
              {
                "path": "imgs/img_in_chart_box_1653_583_2775_1412.jpg",
                "relative_path": "imgs/img_in_chart_box_1653_583_2775_1412.jpg"
              }
            ],
            "source": "Cheetah Run performance chart",
            "caption": null
          },
          "style": {
            "position": "right-column, vertically centered",
            "image_style": "Matplotlib line chart with teal line and a pale blue shaded confidence region.",
            "container": null,
            "special_instructions": "The chart presents 'Episode Return' vs. 'Environment Steps'. The primary line is teal (#3A8FB7) with a soft blue fill for standard deviation. Grid lines are faint grey, dashed style."
          }
        }
      ]
    }
  ]
}
```

**Important**: The figure block (if present) corresponds to sub-images in the slide. These images are not provided in the dataset, so you should generate appropriate visuals based on the description, layout, and style.

Generate the slide image in 16:9 aspect ratio.