.template-demo-shell{margin:0;height:100dvh;display:flex;flex-direction:column;background:#e8eaed;color:#181b23;font:14px/1.4 system-ui,sans-serif}
.template-demo-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px 18px;background:#fff;border-bottom:1px solid #dce0e5;z-index:1}
.template-demo-brand{display:flex;align-items:center;gap:12px;min-width:0}.template-demo-logo{display:flex;flex:none}.template-demo-logo img{width:28px;height:28px;border-radius:6px;display:block}.template-demo-name{display:flex;align-items:baseline;gap:10px;min-width:0;white-space:nowrap}.template-demo-name strong{overflow:hidden;text-overflow:ellipsis}.template-demo-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.template-demo-name span{color:#626873;font-size:12px}
.template-demo-bar a{color:inherit;text-decoration:none}.template-demo-devices{display:flex;gap:4px}.template-demo-devices{justify-self:center}.template-demo-devices button{display:grid;place-items:center;width:38px;height:34px;font:inherit;border:0;padding:0;cursor:pointer;background:transparent;border-radius:5px;color:inherit}.template-demo-devices button[aria-pressed=true]{background:#e9edf3}
.template-demo-bar .template-demo-start{background:#181b23;color:#fff;padding:9px 12px;border-radius:5px}.template-demo-stage{flex:1;min-height:0;display:flex;justify-content:center;overflow:auto}
#demoSite{display:block;border:0;background:#fff;height:100%;width:100%;flex-shrink:0}#demoSite[data-device=tablet]{width:768px;max-width:100%}#demoSite[data-device=phone]{width:390px;max-width:100%}
.template-demo-devices svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.template-demo-bar :focus-visible { outline: none; }
@media(max-width:650px){.template-demo-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 10px;padding:8px 10px;font-size:12px}.template-demo-brand{flex:1 0 100%}.template-demo-devices{justify-self:start}.template-demo-name span{display:none}.template-demo-actions{gap:8px;min-width:0}.template-demo-bar .template-demo-start{padding:7px 10px;white-space:nowrap}.template-demo-devices button{width:32px}}