> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yarn.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Understand the editor layout so you can find the right controls quickly.

## Overview

The editor is organized around one core loop: select a scene, edit on the timeline, preview in the canvas, then refine in side panels.

This page helps you orient quickly so you can stop hunting for controls.

\[insert screenshot of the editor with timeline, canvas, top bar, and left/right panels labeled]

## Main areas

* **Timeline**: where you trim, split, reorder, and time clips.
* **Canvas/Viewer**: where you preview the current frame and position overlays.
* **Left panel**: insert-oriented actions (media, overlays, generation, templates).
* **Right panel**: properties for the currently selected clip or element.
* **Top controls**: playback, project-level actions, and publish-related entry points.

## How to work efficiently

1. Select the scene first.
2. Click the clip or overlay you want to edit.
3. Make one type of change at a time:
   * timing in timeline
   * visual position in canvas
   * styling in panel controls
4. Preview the exact segment you changed before moving on.

## Check your result

* You can identify where to go for timing vs styling vs insertion.
* Selecting a clip updates the right panel with expected controls.
* Playback preview reflects the local changes you just made.

## Troubleshooting

### I cannot find a setting

Most controls are context-sensitive. Select the target clip/overlay first, then check the right panel.

### A panel disappeared

It is usually hidden, collapsed, or replaced by another context panel. Re-open hidden panels, then reselect your target element.

### Playback feels different than final delivery

Use editor preview for fast iteration, then validate final behavior in export/publish output.

## Next

Go deeper into timing operations in [Timeline and Clips](/editor/timeline-and-clips).