.generative-dom-demo[data-v-956d5e20]{font-family:var(--font-mono);font-size:.75rem;line-height:1.6}.demo-wrap[data-v-956d5e20]{display:flex;flex-direction:column;gap:var(--space-3)}.demo-panel[data-v-956d5e20]{background:var(--surface);border:1px solid var(--border);border-radius:0;overflow:hidden}.demo-label[data-v-956d5e20]{background:var(--paper-2);border-bottom:1px solid var(--border);color:var(--ink-2);font-size:.62rem;font-weight:500;letter-spacing:.1em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.demo-content[data-v-956d5e20]{height:11.5rem;overflow:hidden;padding:var(--space-4)}.is-compact .demo-content[data-v-956d5e20]{height:10rem;padding:var(--space-3) var(--space-4)}.demo-raw[data-v-956d5e20]{color:var(--ink);white-space:pre-wrap;word-break:break-word}.demo-rendered[data-v-956d5e20]{color:var(--ink);opacity:0;transition:opacity .5s ease}.demo-rendered--visible[data-v-956d5e20]{opacity:1}.demo-panel--static .demo-content[data-v-956d5e20]{color:var(--ink)}.demo-panel--static[data-v-956d5e20],.demo-rendered[data-v-956d5e20]{font-family:var(--font-body)}.rendered-h1[data-v-956d5e20]{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em}.demo-content p[data-v-956d5e20],.rendered-h1[data-v-956d5e20]{margin-bottom:var(--space-2)}.demo-content ul[data-v-956d5e20]{list-style:disc;padding-left:1.25rem}.demo-content li[data-v-956d5e20]{margin-bottom:.15rem}.demo-content strong[data-v-956d5e20]{font-weight:700}.demo-content em[data-v-956d5e20]{font-style:italic}.demo-content code[data-v-956d5e20]{background:var(--accent-soft);border:1px solid var(--border);border-radius:0;font-size:.9em;padding:.05em .3em}