Effect editor — high-fidelity layout

Three columns under the top bar. Scene tree (240px) · Preview (flex) · Inspector (320px). Behavior/subject palettes are sheets that overlay from the left edge of the preview area.

apps/studio/src/effect/EffectEditor.tsx — default state with one Face subject + Sparkles behavior
OR
›
Untitled Effect
Scene
👤 Face 👁
└ ✨ Sparkles 👁
+ Add behavior
🧍 Subject silhouette 👁
+ Add behavior
🎞 Full frame 👁
+ Add behavior
3 subjects · 1 behavior 4.2ms
Sample
✨
✨
✨
✨
Click the face to select it
▶
00:03 / 00:10
Selected · Behavior
✨
on Face
Style
Gold
Diamond
Holo
Amount 0.7
Size 0.4
Color
#FFE27A
Anchor
● Saved FaceLandmarker · ImageSegmenter · 16.2ms / frame

Click the mockup to mark approval, or tell me in the terminal what to change.

✓

Looks right — move on

Approve the layout direction and move to Section 3.

✎

Needs changes

Tell me in the terminal what to adjust.