.builder-demo[data-v-d2e5452d]{background-color:#04060c;background-image:linear-gradient(#6366f124 1px,#0000 1px),linear-gradient(90deg,#6366f124 1px,#0000 1px);background-size:18px 18px}.builder-demo-workspace[data-v-d2e5452d]{background-image:radial-gradient(circle at 1px 1px,#6366f12e 1px,#0000 0);background-size:18px 18px}.builder-demo-page[data-v-d2e5452d]{font-family:var(--demo-font-body);container-type:inline-size}.builder-demo-page[data-v-d2e5452d] :where(h1,h2,h3,h4,h5,h6),.builder-demo-display-font[data-v-d2e5452d]{font-family:var(--demo-font-header)}.builder-demo-canvas-scroll[data-v-d2e5452d]{scrollbar-gutter:stable;scrollbar-color:#52525b #0a0a0a;scrollbar-width:thin;container-type:size}.builder-demo-picker-scroll[data-v-d2e5452d]{scrollbar-color:#52525b #0a0a0a;scrollbar-width:thin}.builder-demo-empty-state[data-v-d2e5452d]{height:calc(100cqh - 2rem);min-height:250px}.builder-demo-hero[data-v-d2e5452d]{height:70cqh;min-height:250px}.builder-demo-device[data-v-d2e5452d]{border:6px solid #27272a;border-radius:28px;width:min(290px,100%);margin-inline:auto;box-shadow:0 0 0 1px #52525b,0 18px 40px #0006}.builder-demo-device[data-v-d2e5452d]:before{content:"";z-index:30;background:#27272a;border-radius:0 0 10px 10px;width:64px;height:12px;margin:0 auto -12px;display:block;position:sticky;top:0}.builder-demo-device .builder-demo-hero[data-v-d2e5452d]{height:auto;min-height:0}@container (width>=580px){.builder-demo-compact .builder-demo-layout[data-v-d2e5452d]{grid-template-columns:112px minmax(0,1fr) 150px}.builder-demo-compact .builder-demo-layout>aside[data-v-d2e5452d]:first-child,.builder-demo-compact .builder-demo-inspector[data-v-d2e5452d]{display:block}.builder-demo-compact .builder-demo-picker[data-v-d2e5452d]{left:120px}}