.demo-meta { width: min(100%, 34rem); margin: 1rem auto 0; text-align: left; color: var(--soft); font-size: .95rem; }
.demo-meta--hero { margin-inline: auto; }
.demo-meta__count { margin: 0 0 .7rem; color: #e7ddf5; }
.demo-meta__count strong { color: #fff; font-variant-numeric: tabular-nums; }
.demo-meta__checksum { display: block; padding: .7rem .85rem; border: 1px solid #8b6bae88; border-radius: .45rem; background: #100b20; }
.demo-meta__checksum span { display: block; margin-bottom: .3rem; font-size: .8rem; letter-spacing: .05em; color: #d6b8f5; }
.demo-meta code { display: block; overflow-wrap: anywhere; user-select: all; line-height: 1.65; font-size: .85rem; }
.demo-meta__tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: .55rem 0; }
.demo-meta__tools button { padding: .3rem .65rem; color: #efe6fa; background: #251637; border: 1px solid #8b6bae77; border-radius: .3rem; cursor: pointer; font: inherit; }
.demo-meta__tools button:disabled { opacity: .45; cursor: default; }
.demo-meta__tools a { color: #d3b9ef; text-underline-offset: .2em; }
.demo-meta button:focus-visible, .demo-meta a:focus-visible, .demo-meta summary:focus-visible, .footer-links a:focus-visible { outline: 2px solid #d8b5ff; outline-offset: 4px; }
.demo-meta details { margin-top: .55rem; font-size: .9rem; line-height: 1.65; }
.demo-meta summary { cursor: pointer; }
.demo-meta details p { margin: .5rem 0; }
.demo-meta__status { min-height: 1.4em; font-size: .85rem; }
.footer-links { display: flex; flex-direction: column; gap: .6rem; font-size: .9rem; line-height: 1.6; }
.site-footer { position: relative; }
.ai-instructions { position: absolute; inset-inline: 1rem; bottom: 1px; height: 1px; overflow: hidden; color: #06020c; background-color: #06020c; font-size: 1px; line-height: 1px; pointer-events: none; }
@media (max-width: 720px) { .demo-meta--hero { margin-inline: auto; } }