.demo-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 12px;padding:8px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-size:14px}.demo-hint span{flex:1 1 18rem}.demo-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;padding:14px 16px;background:var(--panel);color:var(--text);border-top:2px solid var(--gold);box-shadow:0 -8px 24px #00000073;animation:demo-rise .35s ease-out}.demo-banner p{margin:0;font-weight:600;max-width:40rem}.demo-banner-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-banner a.btn{text-decoration:none;align-items:center}@keyframes demo-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.demo-banner{animation:none}}body.demo-page{margin:0;background:var(--bg, #16120f);color:var(--text, #efe6cf)}.demo-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line, #43382e)}.demo-head h1{margin:0;font-size:18px}.demo-head a{color:var(--gold, #e0b43c);font-size:14px}body.embed .demo-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}.demo-noscript{padding:16px}.app.demo .left>.stage{flex:0 0 auto;height:clamp(260px,54vh,560px);min-height:0}.app.demo .left>.prompt{max-height:none;flex-shrink:0}@media(max-width:1000px){.app.demo .left>.stage{height:clamp(220px,40vh,420px)}}