/* Demo extensions only. Base UI is copied unchanged from app.html. */
.demo-banner{position:sticky;top:0;z-index:30;background:#09223a;border-bottom:1px solid #25415f;padding:9px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:#a9b9ca}
.demo-banner strong{color:#f7f9fc;letter-spacing:.04em}.demo-banner a{color:#8fc7ff;text-decoration:underline}.demo-view .sidebar{top:var(--demo-banner-height,50px);height:calc(100vh - var(--demo-banner-height,50px))}.demo-view .topbar{top:var(--demo-banner-height,50px)}
#demo-action{max-width:520px;width:calc(100% - 32px);color:var(--text-primary);margin:auto}#demo-action h2{color:var(--text-primary)}#demo-action p{color:var(--text-secondary);line-height:1.5}#demo-action::backdrop{background:#000a}#demo-action a{text-decoration:none}.demo-view [readonly]{cursor:default}.demo-view [data-detail]{cursor:pointer}.demo-view [hidden]{display:none!important}
@media(max-width:600px){.demo-banner{gap:7px 12px;padding:7px 12px;font-size:10px}.demo-banner span{display:none}}