/* Плашка демо chepurin.com/project/*: поверх любого интерфейса, свои имена классов (cdemo-),
   чтобы не пересекаться со стилями проекта. Свернуть — крестик, до перезагрузки. */
.cdemo {
  position: fixed; z-index: 2147483000; left: 50%; top: 8px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 8px; padding: 4px 4px 4px 12px;
  font: 500 13px/20px Inter, system-ui, -apple-system, sans-serif; color: #edeef0;
  background: rgba(17, 17, 19, .88); border: 1px solid rgba(237, 238, 240, .12); border-radius: 8px;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  white-space: nowrap;
}
.cdemo__dim { color: #b0b4ba; }
.cdemo a { color: #edeef0; text-decoration: none; padding: 2px 8px; border-radius: 4px; background: #3e63dd; }
.cdemo a:hover { background: #5472e4; }
.cdemo button { all: unset; cursor: pointer; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 4px; color: #b0b4ba; }
.cdemo button:hover { background: rgba(237, 238, 240, .08); color: #edeef0; }
@media (max-width: 520px) { .cdemo__dim { display: none; } }

/* Свои строки «Локальный режим» у проектов в демо не нужны — их заменяет плашка */
#mode-note { display: none !important; }