/* The demo's window (demo.js), in the workspace's tokens and buttons. */
dialog.demo-notice { width: min(420px, calc(100vw - 32px)); padding: 22px 22px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--ink); box-shadow: var(--elev-shadow); }
dialog.demo-notice::backdrop { background: var(--scrim); }
dialog.demo-notice h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.3; }
dialog.demo-notice p { margin: 0 0 16px; color: var(--muted); }
.demo-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.demo-actions .btn { flex: 1 1 auto; min-height: 44px; }
dialog.demo-notice > .btn.ghost { width: 100%; min-height: 44px; }
/* The window says it; the workspace's error toast would repeat it. */
.demo-open #toast { display: none !important; }