/* Smoke page only — never shipped to a customer site. Deliberately plain: this
   page exists to prove the loader works, not to demo the widget's design. */
:root { color-scheme: light dark; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 2rem 1rem;
}
main { max-width: 46rem; margin-inline: auto; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.1rem; margin-block-start: 2rem; }
code { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; }
output {
  display: block;
  white-space: pre-wrap;
  padding: 0.75rem;
  border: 1px solid currentColor;
  border-radius: 6px;
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  font-size: 0.85rem;
  /* Log lines are protocol text: force LTR so RTL page direction cannot
     reorder them into something misleading. */
  direction: ltr;
  text-align: start;
}
button { font: inherit; padding: 0.4rem 1rem; }
.note { opacity: 0.75; font-size: 0.9rem; }
