.demo-page { max-width: 720px; }
#demo-login { display: grid; gap: var(--s3); margin-block: var(--s5); max-width: 540px; }
#demo-login label { display: grid; gap: var(--s1); font: 14px var(--font-sans); }
#demo-login input { width: 100%; }
#demo-login button { justify-self: start; }
#demo-status { color: var(--walnut); overflow-wrap: anywhere; }
.demo-banner { position: fixed; inset: auto 0 0; z-index: 10000; background: var(--bg); border-top: 1px solid var(--forest); padding: 8px 16px; font: 13px var(--font-sans); display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; }
.demo-banner p { margin: 0; flex: 1; }
body { padding-bottom: 80px; }