#demo-banner{height:36px;min-height:36px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#251633;color:#d8c4ed;border-bottom:1px solid #583c74;font:12px system-ui;grid-column:1/-1;z-index:20}#demo-banner button{font-size:11px;padding:3px 8px}#demo-banner span{flex:1}.demo-toast{position:fixed;bottom:25px;right:20px;z-index:1000;max-width:420px;background:#302040;border:1px solid #9568c2;color:white;padding:14px;border-radius:12px;font:13px system-ui}#demo-native{max-width:620px}#demo-native p{white-space:pre-wrap}body{padding-top:36px}#demo-banner{position:fixed;top:0;left:0;right:0}.demo-player{height:100%;display:grid;place-content:center;text-align:center;color:#cba1ee;background:radial-gradient(circle,#36234c,#110d19);gap:12px}.demo-player strong{font-size:32px}@media(max-width:700px){#demo-banner span{display:none}#demo-banner{gap:7px;font-size:11px}}