html .demo{background:var(--bg);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}html .demo-bar{align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);background:var(--surface);border-bottom:1px solid var(--hairline);grid-template-columns:auto minmax(0,1fr) auto;display:grid}html .demo-brand{align-items:center;display:inline-flex}html .demo-brand img{width:128px;height:auto;display:block}html .demo-tabs{scrollbar-width:none;justify-self:center;min-width:0;max-width:100%;overflow-x:auto}html .demo-tabs::-webkit-scrollbar{display:none}html .demo-tabs>button{white-space:nowrap;min-width:96px}html .demo-actions{justify-content:flex-end;align-items:center;gap:var(--s3);justify-self:end;display:flex}html .demo-lang>a{letter-spacing:.02em;min-width:44px;padding:0 12px;font-weight:600;text-decoration:none}html .demo-stage{min-height:0;position:relative}html .demo-stage iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:899px){html .demo-bar{padding:var(--s2) var(--s4);justify-content:space-between;row-gap:var(--s2);grid-template-columns:auto auto}html .demo-tabs{grid-area:2/1/auto/-1;justify-self:stretch}html .demo-tabs>button{flex:1 0 auto;min-width:0;padding:0 12px}html .demo-brand img{width:108px}}@media (max-width:479px){html .demo-lang{display:none}html .demo-cta{min-height:40px;padding-inline:var(--s3);font-size:var(--t-14)}}