.demo-banner{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px;background:#152941;border-bottom:2px solid #ffbe5c}
.demo-banner strong{color:#ffdb99}.demo-banner a{color:#bceeff}
[data-demo-stage]{padding-bottom:80px}[data-demo-stage] :is(button,input){min-height:44px;max-width:100%;font:inherit;scroll-margin-block:110px}
[data-demo-stage] :is(button,input):focus-visible{outline:3px solid #9be9ff;outline-offset:3px}
[data-demo-stage] button{cursor:pointer;white-space:normal}[data-demo-stage] button:disabled{opacity:.55;cursor:default}
.demo-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}
.demo-match{padding:20px;border:1px solid #52657b;border-radius:12px;min-width:0}
.demo-match label{display:grid;gap:6px;margin:12px 0}.demo-match input{width:100%;box-sizing:border-box;padding:8px}
.demo-match [role=alert]{color:#ffd2b5}.demo-match button{margin-top:12px}