.buu5-demo-overlay{position:fixed;inset:0;z-index:2147480000;background:#050505;color:#fff;display:flex;flex-direction:column}.buu5-demo-overlay[hidden]{display:none!important}.buu5-demo-toolbar{height:58px;flex:0 0 58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0d0d0d;font-family:Inter,system-ui,sans-serif}.buu5-demo-toolbar button{color:#fff;background:transparent;border:0;cursor:pointer}.buu5-demo-toolbar__back{justify-self:start;display:flex;align-items:center;gap:8px;font-weight:800}.buu5-demo-toolbar__back svg,.buu5-demo-toolbar__close svg,.buu5-demo-toolbar__devices svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.buu5-demo-toolbar__title{display:flex;align-items:center;gap:8px}.buu5-demo-toolbar__title>span{width:8px;height:8px;border-radius:50%;background:#ff822e;box-shadow:0 0 14px rgba(255,130,46,.8)}.buu5-demo-toolbar__title strong{letter-spacing:.1em}.buu5-demo-toolbar__title small{color:#989898}.buu5-demo-toolbar__devices{justify-self:end;display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.buu5-demo-toolbar__devices button{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;font-weight:700}.buu5-demo-toolbar__devices button.is-active{background:#ff822e;color:#20120b}.buu5-demo-toolbar__close{display:none}.buu5-demo-shell{flex:1;min-height:0;overflow:hidden;display:grid;place-items:start center;padding:0;background:#111}.buu5-demo-frame-wrap{width:100%;height:100%;background:#fff;transition:width .22s ease,border-radius .22s ease,box-shadow .22s ease}.buu5-demo-frame{width:100%;height:100%;border:0;background:#19161d;display:block}.buu5-demo-shell.is-mobile{padding:18px 0}.buu5-demo-shell.is-mobile .buu5-demo-frame-wrap{width:390px;max-width:calc(100vw - 22px);height:calc(100% - 36px);border-radius:26px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.5)}body.buu5-demo-open{overflow:hidden!important}@media(max-width:700px){.buu5-demo-toolbar{height:52px;flex-basis:52px;grid-template-columns:auto 1fr auto;padding:0 10px}.buu5-demo-toolbar__back span,.buu5-demo-toolbar__title small,.buu5-demo-toolbar__devices span{display:none}.buu5-demo-toolbar__title{justify-self:center}.buu5-demo-toolbar__devices{justify-self:end}.buu5-demo-toolbar__close{display:none}.buu5-demo-shell.is-mobile{padding:8px 0}.buu5-demo-shell.is-mobile .buu5-demo-frame-wrap{height:calc(100% - 16px)}}