# Playground

Try masking without writing code, using the Playground in the panel. Live preview, ready-made examples, and chat.

The fastest way to try masking is the Playground in the panel. You write no code: you paste the text, and you see the masked version and the model’s response on the same screen.

## Masking preview

As you type the text, the panel highlights the detected personal data instantly. Each category is highlighted in its own color; the masked output sits right next to it. Before you send a request, you know the final form of the text that will go to the model.

![Playground masking screen: input text and color-coded masked output side by side](/docs/screenshots/panel/playground-maskeleme-light@2x.png)

## Ready-made examples

You can start with one of the ready-made examples; it looks like this:

```text
Girdi : "Ayşe Demir, ayse.demir@ornek.gov.tr, 0532 000 11 22'den ulaşılabilir."
Maskeli: "<KİŞİ_1>, <EPOSTA_1>, <TELEFON_1>'den ulaşılabilir."
```

Label language

Turkish labels such as `<KİŞİ_1>` here are specific to the panel display. If you call the API directly, the output is in English (`<PERSON_1>`, `<PHONE_MOBILE_1>`); see [Concepts](/docs/en/concepts/) for the details of this distinction.

## Chat

You can go beyond the preview and try the flow end to end:

1. Type the text; the masked preview appears.
2. Send it; the Gateway forwards the masked text to the model.
3. The response streams in; placeholders are preserved in the response as-is.

This way, the masked form of the text going to the language model is in front of you at every step.

![Playground chat screen: masked text goes to the model, the response appears in the stream](/docs/screenshots/panel/playground-sohbet-light@2x.png)

To bring the flow you see here into your application, continue with the [Gateway integration](/docs/en/guides/gateway-integration/) guide; the full list of masked categories is on the [Categories](/docs/en/categories/) page.