# Fade the app's glowing border, then expand the inset video to full-bleed as the player chrome dissolves

Manual DaVinci Resolve / Fusion construction guide generated from the recipe. It is not a tested .drp.
The accompanying Remotion project (recipe.json) is the executable definition; the numbers below are copied from it.
Neither construction establishes source fidelity: this is an original vector approximation of an inspected editing moment.

## Source and clock
Reference: OpenAI's "How to recut with Sora" (jC0i_0wnly8), published 2024-12-09.
Source interval [3470, 3560) on the 60/1 fps master: 90 frames, 1.500000 s. Local frame 0 = source frame 3470.
Create a 1920x1080 progressive timeline at 60/1 fps and a Fusion composition exactly 90 frames long. Keep integer frames; do not round the frame rate.
Background field: #0c0c0e. Export silent H.264 yuv420p to match the intended playback container.

## Observation
The player shows a letterboxed clip inside a dark app with a coloured gradient border hugging the frame edge, a crumb at top and a Storyboard chip, timeline and tool labels below. From ~f15–30 the border fades away. Then from ~f30–48 the video eases outward from its 1320x742 inset to cover the whole frame while the crumb, chip, timeline and tools fade; the side gutters go with them. The pointer drops toward the bottom-left corner and the clip holds full-bleed to f90.

## Mechanism
Two-stage exit into full-bleed: an edge glow fades first, then the media scales up to the frame while the surrounding chrome dissolves.

## Phases (local frames)
- 0: Player with glowing border and chrome
- 15: Border begins to fade
- 30: Border gone; video starts expanding, chrome fades
- 48: Video full-bleed, chrome gone
- 90: Hold

## Layer inventory (absolute 1920x1080 top-left pixels, back to front)
- bg [rect] at (0, 0) size 1920x1080 fill #0c0c0e
- side-l [rect] at (0, 120) size 300x742 fill #151518 visible [0, 48)
    keyframes opacity: f30=1, f46=0
- side-r [rect] at (1620, 120) size 300x742 fill #151518 visible [0, 48)
    keyframes opacity: f30=1, f46=0
- video [group] at (0, 0) size 1920x1080 fill #bcd4e6
    keyframes scale: f30=0.6875, f48=1.0 (inOut)
    keyframes ty: f30=-49, f48=0 (inOut)
  - sun [ellipse] at (1380, 420) size 220x220 fill #fff7e6
  - cloud1 [ellipse] at (1000, 120) size 340x100 fill #f3f7fa
  - cloud2 [ellipse] at (1500, 60) size 260x80 fill #f3f7fa
  - cloud3 [ellipse] at (200, 330) size 300x80 fill #f3f7fa
  - hill [ellipse] at (-400, 820) size 2800x800 fill #8d7c4e
  - grass1 [line] at (0, 0) stroke #3f3a2a 3px
  - grass2 [line] at (0, 0) stroke #3f3a2a 3px
  - figure [rect] at (560, 430) size 90x420 radius 40 fill #dce1e6
  - figure-head [ellipse] at (568, 350) size 74x84 fill #e8ecf0
- chrome [group] at (0, 0) size 1920x1080 visible [0, 50)
    keyframes opacity: f30=1, f46=0 (in)
  - c-crumb [text] at (0, 30) size 1920x0 text "All videos  ›  Robot in Nature" 18px weight 400 #e5e7eb
  - c-meta [text] at (0, 58) size 1920x0 text "480p · Dec 8, 9:35 AM" 14px weight 400 #9ca3af
  - c-gear [text] at (36, 28) text "⚙" 22px weight 400 #9ca3af
  - c-icons [text] at (1600, 30) text "♡    ⇪    ⊕    ⊙    ⋯" 20px weight 400 #e5e7eb
  - c-avatar [ellipse] at (1860, 26) size 30x30 fill #a855f7
  - c-chip [rect] at (860, 880) size 200x40 radius 8 fill #1f1f23 stroke #3f3f46 1px
  - c-chip-t [text] at (860, 890) size 200x0 text "▦  Storyboard" 15px weight 400 #e5e7eb
  - c-t0 [text] at (270, 940) text "0s" 13px weight 400 #9ca3af
  - c-t1 [text] at (1630, 940) text "5s" 13px weight 400 #9ca3af
  - c-timeline [line] at (0, 0) stroke #3f3f46 2px
  - c-playhead [ellipse] at (520, 941) size 14x14 fill #ffffff
  - c-tools [text] at (0, 990) size 1920x0 text "Edit story        Re-cut        Remix        Blend        Loop" 14px weight 400 #e5e7eb
  - c-thumbs [rect] at (1720, 976) size 140x44 radius 4 fill #27272a
- border [rect] at (4, 4) size 1912x1072 radius 10 fill none stroke #f59e6b 10px visible [0, 32)
    keyframes opacity: f15=1, f30=0 (in)
    keyframes stroke: f0=#f59e6b, f15=#7c8cf5
- border2 [rect] at (14, 14) size 1892x1052 radius 6 fill none stroke #4f46e5 6px visible [0, 32)
    keyframes opacity: f15=0.7, f30=0 (in)
- pointer [cursor] at (250, 940)
    keyframes ty: f30=0, f48=120 (inOut)

## Construction steps
1. Timeline 1920x1080 at 60 fps; Fusion comp of 90 frames. Local 0 = master frame 3470.
2. Video: draw the landscape (sky plate, sun, clouds, hill ellipse, grass strokes, a light figure) at full 1920x1080 in one group with a centre pivot; keyframe Size 0.6875 to 1.0 and Y offset -49 to 0 over frames 30–48 with ease in/out so it starts exactly in the 1320x742 inset at (300,120).
3. Gutters: two 300x742 #151518 rects beside the inset; Opacity 1 to 0 over 30–46.
4. Chrome group (crumb, meta, icons, Storyboard chip, timeline, tool labels): Opacity 1 to 0 over 30–46 with ease in.
5. Border: 10 px stroked rounded rect 4 px inside the frame edge plus a 6 px inner indigo stroke; shift the stroke colour warm-to-cool over 0–15, then Opacity 1 to 0 over 15–30.
6. Easy mistake: expanding the video and fading the border together. The source finishes the border fade before the expansion begins, two clearly separate beats about 15 frames apart.

## Content variants
Default copy:
- crumb: All videos  ›  Robot in Nature
- meta: 480p · Dec 8, 9:35 AM
- chip: ▦  Storyboard
- tools: Edit story        Re-cut        Remix        Blend        Loop
- t0: 0s
- t1: 5s
Adaptation changes:
- crumb: All videos  ›  Lighthouse Study
- meta: 720p · Jan 12, 4:10 PM
- chip: ▦  Story
- tools: Edit story        Re-cut        Remix        Blend        Loop
- t1: 10s

## Limits
Easing names map to Fusion spline shapes: linear = linear, in/out/inOut = ease curves on the same frames, hold = step, spring/overshoot = slight overshoot past the target before settling.
Text reveal frames give the first and last unit; distribute characters/words evenly between them. Cursor click rings last 14 frames.
Vector illustration is an approximation of layout and motion, not the product UI or recovered production assets.