.demo-experience{background:#0b0d10;color:#eee;min-height:100dvh;padding:28px 24px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-experience-toolbar{width:min(1180px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.demo-experience-brand{font-size:19px;font-weight:650;letter-spacing:-.4px;color:#eee;text-decoration:none;justify-self:start}.demo-experience-brand span{color:#999;font-size:13px;margin-left:6px}.demo-language-select{justify-self:end;min-width:0}.demo-language-select select{min-height:44px;max-width:100%;border:1px solid #ffffff26;border-radius:999px;padding:8px 30px 8px 14px;background:#16191e;color:#eee;font:inherit;font-size:13px;cursor:pointer}.demo-experience :is(a,button,select):focus-visible{outline:2px solid #f0a126;outline-offset:4px}.demo-experience-content{width:100%;max-width:1180px;min-height:120px}.demo-experience .ipad-demo-stage{min-height:0;padding:0;background:transparent}.demo-experience .ipad-demo-frame{width:min(1080px,calc((100dvh - 210px)*1.439 + 36px))}@media(max-width:600px){.demo-experience{padding:20px 12px;gap:14px;justify-content:flex-start}.demo-experience-toolbar{grid-template-columns:1fr 1fr;gap:12px}.demo-device-switch{grid-column:1/-1;grid-row:2;justify-self:center}.demo-experience .ipad-demo-frame{width:100%}.demo-language-select{grid-column:2;grid-row:1}}