html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06101a}body{display:flex;flex-direction:column}.demoShellBar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;flex:0 0 auto;min-height:38px;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.18);background:#111827;color:#fff;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif}.demoShellBar strong{grid-column:2;text-align:center;white-space:nowrap}.demoShellBar button{grid-column:1;justify-self:start;border:0;background:transparent;color:#dbeafe;font:700 13px/1.2 inherit;cursor:pointer;padding:4px 0}.demoShellBar button:hover{text-decoration:underline}.demoShellLanguage{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:8px;min-width:0}.demoShellLanguage span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demoShellLanguage select{box-sizing:border-box!important;display:inline-block!important;width:auto!important;min-width:8.2rem!important;max-width:11rem!important;height:28px!important;margin:0!important;padding:3px 28px 3px 8px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:8px!important;background:#172033!important;color:#fff!important;font:600 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important}iframe{display:block;flex:1 1 auto;min-height:0;width:100%;border:0;background:#06101a}@media(max-width:720px){.demoShellBar{grid-template-columns:auto 1fr auto;gap:8px;padding-inline:8px}.demoShellBar strong{overflow:hidden;text-overflow:ellipsis}.demoShellLanguage select{min-width:7rem!important;max-width:8rem!important}}