# Playground — Manual > The complete feature reference for the Playground: the three editors, live preview, optional assets, snippets, export/import, plus architecture and limits. Source: https://www.jpkc.com/db/en/tools/playground/manual/ Back to the overview: [Playground](https://www.jpkc.com/db/en/tools/playground/) · Open the tool: [www.jpkc.com/tools/playground/](https://www.jpkc.com/tools/playground/) This manual documents the **Playground** in full: every editor, every toolbar button, the preview options, persistence, and the limits of the sandbox. The tool's interface is in English, so the button and label names are given here in their original English spelling — exactly what you'll see in the live interface. ## Layout of the interface From top to bottom, the interface has four parts: 1. **Toolbar** (`pg-toolbar`) — Run/Live, Snippets, Export/Import, asset selection, panel toggles, and fullscreen. 2. **Editor row** — the three code panels HTML, CSS/SCSS, and JavaScript side by side. 3. **Divider** (`pg-resizer`) — a draggable bar you use to shift the height ratio between the editor row and the preview. 4. **Preview** (`pg-preview`) — the rendered result in the `