.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(20px,calc((100vw - 1280px)/2));background:#11120f;color:#fff7d4;font:13px/1.5 Arial,sans-serif;position:relative;z-index:30}
.demo-banner strong{color:#ffd344;font-weight:700}
.demo-banner a{text-decoration:underline;text-underline-offset:3px;color:#fff7d4;white-space:nowrap}
.demo-dialog{width:min(600px,calc(100% - 32px));max-height:85vh;padding:27px;border:1px solid #c5ae67;border-radius:12px;color:#242421;background:#f8f5ef;box-shadow:0 20px 70px #0006}
.demo-dialog::backdrop{background:#0009}
.demo-dialog h2{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}
.demo-dialog p{font-size:14px;line-height:1.6}
.demo-dialog pre{font:14px/1.6 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:17px;border:1px solid #d4c9b9;background:#fffdf8;border-radius:6px;max-height:42vh;overflow:auto}
.demo-dialog button{margin-top:12px}
@media(max-width:600px){.demo-banner{align-items:flex-start;padding:9px 18px;font-size:11px;gap:12px}.demo-banner span{max-width:210px}.demo-dialog{padding:20px}}