.demo-live .widget-card{max-width:420px;margin:18px auto 0}

.popup-live-demo{padding:20px 24px;text-align:center;margin:14px 0 0}
.popup-live-label{
  display:block;margin:0 0 10px;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.04em;
  text-transform:uppercase;color:var(--teal);
}

.code-block{
  margin:14px 0 0;padding:18px 20px;background:#182028;border:1px solid #2b3a46;border-radius:12px;
  overflow-x:auto;
}
.code-block code{
  font:400 13px/1.7 'JetBrains Mono',monospace;color:#d7e2e8;white-space:pre;
}
.tok-tag{color:#5eead4}
.tok-attr{color:#ffd166}
.tok-str{color:#a8e06a}
.tok-punc{color:#7d93a0}