ChatGPT in Hyperframes

Create a clean vertical 9:16 animation of a ChatGPT mobile chat interface.

Format
Aspect ratio: 9:16
Resolution: 1080 x 1920
Total time: MAX 10 seconds. 
Style: realistic mobile UI animation
No phone frame, no hands, no visible hardware, no device bezel
The final result should show only a clean ChatGPT-style mobile interface panel on screen
Overall screen design

Create a large white rounded-rectangle chat panel centered on the 9:16 canvas.

The panel should feel like a floating app screen, not a full physical phone
Main panel background: #FFFFFF
Corner radius should be large and smooth
Add a very subtle soft shadow so the panel feels slightly separated from the background
Outside the panel, keep the background plain and minimal, preferably a soft neutral color or very subtle blur, but it should not distract at all
Chat interface look

The interface should resemble the modern ChatGPT mobile app in light mode.

Header

Top left display the text: ChatGPT in black with 90% transparent white background, pill shaped with 8px padding all around

Conversation area

The full chat area beneath the header should be:

plain white
clean
minimal
spacious
no decorative cards
no colored sections
no grey app background behind the messages
User message

Animate the user typing this message into the composer:

<ENTER USER MESSAGE HERE>

Typing should feel natural and smooth.

After typing is complete:

send the message
move it into the conversation as a right-aligned user bubble

User message bubble styling:

Bubble color: #E8E8E8
Text color: #171717
Rounded bubble
Right aligned
Compact and realistic mobile spacing
Assistant response

After a short natural pause, show ChatGPT generating a realistic response underneath.

The assistant response should not be inside a speech bubble.

It should appear as normal ChatGPT-style formatted text directly on the white background, left aligned, clean and readable.

Use this exact assistant response:

<ENTER MESSAGE THE CHATGPT WOULD GIVE YOU (E.G. YOU CAN GO TO CHATGPT AND JUST COPY THE TEXT FROM HERE>

Response formatting
The first line should appear as a normal assistant intro
Numbered headings should be slightly bolder
Supporting text should be regular weight
Bullet points should be simple clean round bullets
Text color: #171717
Secondary subtle text color if needed: #5F5F5F
Divider lines if used: #E7E7E7
Typography should feel like a clean modern mobile UI
Keep the text highly legible for a vertical video
Composer at bottom

<ADD ANY FURTHER RELEVANT STYLING e.g. what you want in bold or what you want to stand out>

At the bottom of the panel, keep a fixed message composer visible.

Composer style:

Background: #F2F2F2
Border: #E2E2E2
Rounded pill shape
Text area centered inside
A plus icon on the left
A microphone or subtle audio icon
A circular action button on the right

Colors:

Composer background: #F2F2F2
Composer border: #E2E2E2
Input text color: #171717
Inactive icon color: #666666
Active button color: #111111
Active icon color: #FFFFFF
Animation behavior
Start on the empty chat screen
Show the user typing the message in the input field
Send the message
Show a short assistant thinking pause
Then animate the assistant response appearing progressively
The response should generate naturally, line by line or phrase by phrase
Use smooth, subtle auto-scrolling only if needed
Keep the newest generated text visible
The header and composer should remain fixed
Visual style goals

The final result should feel:

realistic
clean
modern
minimal
very close to a real ChatGPT mobile interaction
suitable for a short-form vertical video
Avoid
phone hardware
OpenAI flower logo in the header
dark mode
TikTok overlays
busy background
colorful gradients
fake cinematic camera movement
oversized icons
chat bubbles for the assistant
giant branding
clutter