.public-demo { display: grid; gap: 12px; min-width: 0; }
.sample-account-highlight { color: #e4cfff; background: #53366d; border-radius: 4px; padding: 0 3px; font: inherit; }
.public-demo-dialog { width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 28px; overflow: auto; color: var(--ink); }
.public-demo-dialog h2 { margin-top: 0; }
.public-demo-dialog textarea, .public-demo-dialog select { width: 100%; min-width: 0; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 12px; font: inherit; }
.public-demo-dialog textarea { resize: vertical; }
.public-demo-dialog label { display: block; margin: 16px 0 8px; font-weight: 650; }
.public-demo-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.public-demo-dialog .button { margin: 10px 8px 0 0; }
.public-demo-document { white-space: pre-line; overflow-wrap: anywhere; }