/* "Back to templates" button, added by the Worker to /demo/<id> pages only (never to real invitations). */
.demo-back {
  position: fixed; z-index: 2147483000; left: max(14px, env(safe-area-inset-left)); bottom: max(14px, env(safe-area-inset-bottom));
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px 0 14px; border-radius: 999px;
  background: #2f2319e0; color: #fbf6ec; border: 1px solid #ffffff2e; box-shadow: 0 8px 24px #0000004d;
  font: 600 14px/1 system-ui, -apple-system, 'Segoe UI', sans-serif; letter-spacing: 0; text-transform: none; text-decoration: none;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: background-color .2s, transform .1s;
}
.demo-back:hover { background: #2f2319; }
.demo-back:active { transform: translateY(1px); }
.demo-back:focus-visible { outline: 2px solid #c9a86a; outline-offset: 3px; }
.demo-back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }