Creator Studio · runs entirely in your browser

The editing workshop

Six interactive tools for learning and planning edits. They manipulate sample data and CSS demonstrations only — they do not import, render, transcribe or export real video or audio files.

Tool 1 · Educational simulator

Video Timeline Builder

Assemble a short-form video structure across five tracks. This is a browser-based educational simulator: it previews labels and timing, not real footage, and cannot export video files.

Tool 2 · Design preview

Subtitle Studio

Style captions over a 9:16 video-style canvas. This is a subtitle design preview — it does not transcribe audio. Sizes are expressed for a 1080 px-wide frame so you can replicate them in CapCut, Premiere Pro, Resolve or Final Cut Pro.

Alignment

Mobile-safe guidance: keep captions out of roughly the top 11% and bottom 21% of a vertical frame and away from the right-hand action buttons. Exact UI positions vary by app and device.

Tool 3 · Effects Playground

Effects Playground

Each badge tells you whether you're seeing a working CSS demonstration or a concept that needs dedicated editing software on real footage.

Tool 4 · Illustrative comparison

Before & After

CSS-generated illustrations of editing treatments — not product benchmarks or real footage. Drag the frame or use the slider.

OriginalEdited

Tool 5 · Workflow quiz

Editing Workflow Quiz

Six questions, no account, no personal data. Revise or restart anytime.

Tool 6 · Production planner

Creator Workflow Planner

Organise editing tasks by stage. Saved only in this browser (if storage is available) — never synced to any external service.