*{box-sizing:border-box}html,body{color:#f2e5bd;background:#0d251b;height:100%;margin:0;font:12px system-ui}body{flex-direction:column;display:flex}.demo-bar{background:#183a26;border-bottom:1px solid #a4915c;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:10px 18px;font-size:10px;line-height:1.5;display:flex}.demo-bar strong{color:#f6df9c}.demo-bar button{color:#21412c;cursor:pointer;background:#e3cd91;border:0;border-radius:30px;padding:7px 12px}[data-screen]{flex:1;min-height:0}@media (max-width:600px){.demo-bar{gap:10px;padding:8px 11px;font-size:8px}.demo-bar button{white-space:nowrap;font-size:9px}}