/*
 * Демо-страницы витрины. Всё оформление — из /site/console.css (стили самой
 * консоли); здесь только подложка страницы-куска и то, что витрина прячет.
 *
 * Кусок (data-frag) — не весь экран, а одна его часть: без рейки, на фоне
 * центра консоли. Ширину кусок берёт у рамки на витрине, поэтому раскладка
 * внутри — родная, консоль сама решает, сколько колонок помещается.
 */
html { pointer-events: none; user-select: none; }

body[data-frag] { display: block; height: auto; min-height: 0; background: var(--panel); padding: 20px; overflow: hidden; }
body[data-frag] .pane { display: flex; margin: 0; }

/* Замазанная плитка: модуль есть, но его устройство витрина не показывает. */
.demoVeil { filter: blur(7px); opacity: .7; }

/* Имя консоли в рейке — одной строкой: строки с номером сборки под ним на
   витрине нет (номер сборки сайт не показывает), и без неё имя переносилось. */
.brand b { white-space: nowrap; }