.demo-banner{z-index:50;color:#fff;font-family:var(--sans),sans-serif;background:#103b34;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 20px;font-size:12px;display:flex;position:relative}.demo-banner>div:first-child{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-banner strong{letter-spacing:.09em;white-space:nowrap;font-size:11px}.demo-banner span{opacity:.85}.demo-actions{flex-wrap:wrap;gap:8px;display:flex}.demo-actions button{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #fff5;border-radius:6px;padding:7px 11px}.demo-actions button:hover{background:#ffffff28}.demo-actions button[aria-pressed=true]{background:#92400e}.demo-overlay{z-index:9999;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-dialog{background:var(--surface,#fff);max-width:460px;color:var(--text,#132b29);border:1px solid var(--border,#ddd);font-family:var(--sans),sans-serif;border-radius:16px;padding:28px}.demo-dialog h2{margin-bottom:12px;font-size:22px}.demo-dialog p{margin-bottom:20px;line-height:1.6}.demo-dialog button{border-color:var(--border,#aaa);background:var(--surface-2,#eee)}@media (max-width:900px){.demo-banner{flex-direction:column;align-items:flex-start}.demo-banner span{font-size:11px}}.mb button.g-btn{white-space:nowrap;flex-shrink:0}