.g-dialog-scrim{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#00000073}.g-dialog{width:min(100%,380px)}.g-dialog__text{margin:0;text-align:center;font-size:1.1rem}.g-dialog__row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}html,body{margin:0;height:100%}body{background:#111}.demo{height:100dvh;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;overflow:hidden}.demo[data-skin]{background:var(--g-bg);color:var(--g-ink)}.demo-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.demo-head h1{margin:0;font-family:var(--g-font-display);font-size:1.25rem;font-weight:700;color:var(--g-ink)}.demo-skins{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.demo-skin{min-height:44px;min-width:44px;padding:0 12px;font-size:16px}.demo-skin[aria-pressed=true]{outline:3px solid var(--g-accent);outline-offset:1px}.demo-main{flex:1;min-height:0;display:grid;gap:12px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}@media (min-width: 900px){.demo-main{grid-template-columns:310px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.demo-side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.demo-side .g-panel{padding:12px 14px;gap:10px}.demo-mini{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.demo-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.demo-row .g-btn{min-height:44px;padding:0 12px;font-size:16px}.demo-row .g-btn[aria-pressed=true]{outline:3px solid var(--g-accent);outline-offset:1px}.demo-stat{margin:0;font-size:16px;text-align:center}.demo-stage{position:relative;min-height:0;min-width:0}.demo-stage>.g-map-frame,.demo-stage>.g-tree-frame{position:absolute;inset:0}@media (max-width: 899px){.demo{height:auto;min-height:100dvh;overflow:visible}.demo-main{grid-template-rows:72dvh auto}.demo-stage{order:-1}.demo-side .g-panel__title{display:none}}