.demo-bar{z-index:40;color:#f2f0ea;background:#14161c;border-bottom:1px solid #2a2d36;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 16px;font:500 14px/1.3 system-ui,sans-serif;display:flex;position:relative}.demo-bar-id{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;margin-inline-end:auto;display:flex}.demo-bar-badge{letter-spacing:.08em;text-transform:uppercase;color:#e9b44c;font-size:11px}.demo-bar-name{font-size:16px;font-weight:700}.demo-bar-tier{color:#b9bcc6}.demo-bar-group{border:1px solid #3a3e4a;border-radius:8px;display:inline-flex;overflow:hidden}.demo-bar button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:40px;padding:9px 12px}.demo-bar button[aria-pressed=true]{color:#fff;background:#2d3140}.demo-bar button:focus-visible,.demo-bar a:focus-visible{outline-offset:2px;outline:2px solid #e9b44c}.demo-bar-links{flex-wrap:wrap;gap:8px;display:flex}.demo-bar a{color:#f2f0ea;border:1px solid #3a3e4a;border-radius:8px;align-items:center;min-height:40px;padding:0 14px;text-decoration:none;display:inline-flex}.demo-bar a.demo-bar-use{color:#14161c;background:#e9b44c;border-color:#e9b44c;font-weight:700}.demo-frame-wrap{background:#0c0d11;justify-content:center;padding:16px 0;display:flex}.demo-frame{background:#fff;border:8px solid #2a2d36;border-radius:28px;width:390px;max-width:100%;height:calc(100dvh - 140px);min-height:520px}@media (max-width:520px){.demo-bar-frames{display:none}}.demo-closing{color:#f2f0ea;text-align:center;background:#14161c;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;padding:28px 16px;font:500 16px/1.4 system-ui,sans-serif;display:flex}.demo-closing p{margin:0}.demo-closing a{color:#14161c;background:#e9b44c;border-radius:8px;align-items:center;min-height:44px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}