# Studio Tour

### Studio Layout

The studio is organized into five main regions:

* **Toolbar** (top) — Project navigation, mode switching, and export controls
* **Left Sidebar** — Scene settings (backdrop, lights) and model management (variants, materials)
* **Viewport** (center) — The real-time preview of your scene, showing exactly what your final renders will look like
* **Right Sidebar** — Context-sensitive property editor for the selected element
* **Shot Panel** (bottom) — Photo bookmarks or video shots, depending on the active mode

### Navigating the Viewport

The viewport is your working area for adjusting the camera and composing your scene. Use your mouse to navigate:

* **Pan** — Right-click and drag to move around the scene. The camera moves laterally relative to your view.
* **Rotate** — Left-click and drag to orbit around the model. The camera rotates with the center of the scene as the anchor point.
* **Zoom** — Scroll to zoom in and out.

> **Tip:** If you've lost your place in the scene, click on a bookmark or shot in the shot panel to return to a saved camera position.

### The Toolbar

The top toolbar is organized into several groups:

* **Navigation** — Return to your projects or view the current project name.
* **Mode toggle** — Switch between **Photo** and **Video** modes. These modes change the options available in the shot panel and right sidebar.
* **Camera controls** — Access post-processing settings and camera configuration.
* **Panel visibility** — Toggle the left sidebar, shot panel, and right sidebar on or off to maximize viewport space.
* **Export** — Open the export panel to configure render settings and start rendering.
* **Connection status** — See the health of your studio connection.

### The Left Sidebar

The left sidebar has two tabs:

#### Scene

Manage the environment around your model:

* **Backdrop** — Select and customize your background, including style and colors.
* **Lights** — Browse and switch light presets, or select individual lights to adjust their properties.

#### Models

Manage the models in your scene:

* **Variants** — Switch between model variants, add new ones, or rename existing variants.
* **Materials** — View and select material groups and individual materials for editing in the right sidebar.

### The Right Sidebar

The right sidebar is a context-sensitive property editor. It displays different controls depending on what you have selected:

* **No selection** — Shows free camera controls (exposure, ISO, shutter speed in Photo mode).
* **Bookmark selected** — Shows camera position, zoom, and focus settings for that bookmark.
* **Video shot selected** — Shows shot type and camera movement properties.
* **Light selected** — Shows intensity, position, color, and temperature controls.
* **Material selected** — Shows material properties for editing.
* **Backdrop selected** — Shows backdrop color, floor material, and visibility settings.

### The Shot Panel

The bottom panel manages the shots or bookmarks associated with your project. Its contents change based on the active mode:

#### Photo Mode

Displays your saved camera positions, called **bookmarks**. Each bookmark captures a specific camera angle and settings. You can:

* Add new bookmarks
* Select a bookmark to preview it in the viewport
* Delete bookmarks you no longer need

#### Video Mode

Displays your video **shots** in chronological order, with the duration of each shot indicated. You can:

* Add new shots
* Rearrange shots by dragging them into order
* Select a shot to preview and edit its camera movement
* Play or pause camera movements
* Delete shots

### Aspect Ratios

Glossi Studio supports three aspect ratios to accommodate different output needs:

* **16:9** — Landscape, standard for web and video
* **1:1** — Square, common for social media
* **9:16** — Portrait, ideal for mobile and vertical video

When you change aspect ratios, the camera adjusts to maintain proper framing of your subject.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.glossi.io/using-glossi-studio/studio-tour.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.