How it works
On a phone
Below 920px the editor swaps to a touch layout — not a squeezed version of the desktop one, a different arrangement of the same scene. Everything renders and exports the same; what changes is where the controls live.
Why 920px, and not a round number
The desktop layout is a five-column grid whose four fixed columns — the rail, the templates panel and the two side panels — need 64 + 296 + 280 + 280 = 920px before the stage gets any width at all. Below that the stage is what collapses, because it is the flexible column: measured at 769px it was zero pixels wide and the canvas rendered 0×525.
So the breakpoint is not a taste call about phones. It is the width at which the desktop arrangement stops being able to show you your work.
The panels become a bottom bar
Five items across the bottom: Templates, Media, Adjust, Canvas and Export. The first four open the matching panel as a sheet over the stage; Export opens the same export dialog the desktop uses.
A sheet carries its title and closes on Escape or on its own close control, and the stage keeps playing behind it — so you can watch the effect of a slider without dismissing the panel holding it.
Playback lives above the bar
A compact transport: play and pause, the current time, a scrubber, and the clip length. The full timeline with its track lanes is a desktop surface — there is no room to place a lane, a gutter and four per-lane actions on a phone and still leave the stage visible.
Controls are built for a thumb
| Control | On touch |
|---|---|
| Slider | A 52px track with a round handle instead of the 34px row and its 2px marker, and a value bubble above your finger while you drag — because your finger is covering the number. |
| Template cards | Previews play on their own. There is no hover to start them, so an observer keeps the cards on screen animating and the ones off screen at a still pose rather than animating a hundred at once. |
| Favourite heart | Always visible. On desktop it appears on hover, which does not exist here. |
| Pads and the trackball | Take the gesture directly and suppress the browser’s own scroll and zoom while you are dragging inside them. |
What the touch layout leaves out
Saved presets. The Templates sheet shows the catalogue only — the Custom tab is a desktop surface. Your saved presets are not lost, they are simply not reachable from a phone.
The track lanes. Stacking motion tracks is desktop work, for the room reason above. A project with tracks still plays and exports correctly on a phone; you just cannot rearrange them there.
Export itself is not one of the omissions. On a phone whose browser and hardware expose the required WebCodecs encoder, the same export dialog writes the file on the device. Available formats and maximum resolution still depend on that browser, encoder and the memory the device can spare.
These docs, too
The same breakpoint applies to this site. A bar appears under the navbar carrying the menu button and the search, the page list drops out from under that bar, and it closes itself when you open a page. Search is the same palette either way — Ctrl/Cmd + K opens it from anywhere, on a phone too if you have a keyboard attached.