body:has([data-screen-builder]){--puck-font-family:var(--font-sans);--puck-font-family-monospaced:ui-monospace, "Fira Code", "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--puck-font-size-base:var(--puck-font-size-xxs);--puck-font-weight-semibold:500;--puck-letter-spacing-ui:0;--puck-letter-spacing-heading:0;--puck-color-surface:var(--background);--puck-color-surface-muted:var(--muted);--puck-color-surface-subtle:var(--muted);--puck-color-surface-inverse:var(--primary);--puck-color-border:var(--border);--puck-color-border-hover:var(--ring);--puck-color-border-muted:color-mix(in oklab, var(--border) 55%, transparent);--puck-color-border-inverse:color-mix(in oklab, var(--primary-foreground) 24%, transparent);--puck-color-text:var(--foreground);--puck-color-text-secondary:var(--foreground);--puck-color-text-muted:var(--muted-foreground);--puck-color-text-subtle:color-mix(in oklab, var(--muted-foreground) 70%, var(--background));--puck-color-text-inverse:var(--primary-foreground);--puck-opacity-text-inverse:.9;--puck-color-interactive:var(--primary);--puck-color-interactive-hover:color-mix(in oklab, var(--primary) 90%, black);--puck-color-interactive-active:color-mix(in oklab, var(--primary) 82%, black);--puck-color-interactive-subtle:var(--accent);--puck-color-interactive-soft:var(--accent);--puck-color-interactive-soft-hover:color-mix(in oklab, var(--accent) 55%, var(--background));--puck-color-interactive-neutral-hover:var(--accent);--puck-color-interactive-inverse-hover:var(--ring);--puck-color-interactive-inverse-active:color-mix(in oklab, var(--ring) 75%, var(--primary-foreground));--puck-color-focus-ring:var(--ring);--puck-color-selection-bg:color-mix(in oklab, var(--ring) 10%, transparent);--puck-color-selection-border:var(--ring);--puck-color-highlight:var(--muted-foreground);--puck-color-overlay-backdrop:color-mix(in oklab, var(--foreground) 55%, transparent);--puck-color-bg-disabled:var(--muted);--puck-color-text-disabled:var(--muted-foreground);--puck-radius-xs:calc(var(--radius) * .3);--puck-radius-s:calc(var(--radius) * .45);--puck-radius-m:calc(var(--radius) * .8);--puck-radius-l:var(--radius);--puck-radius-pill:9999px;--puck-border-width-hairline:1px;--puck-duration-fast:.1s;--puck-duration-medium:.15s;--puck-duration-slow:.2s;--puck-icon-size-m:16px;--puck-icon-size-l:20px;--puck-user-sidebar-left-width:16rem;--puck-user-sidebar-right-width:18rem;--puck-slot-min-empty-height:96px;--puck-color-azure-06:var(--ring);--puck-color-azure-07:color-mix(in oklab, var(--ring) 55%, var(--background));--puck-color-azure-09:color-mix(in oklab, var(--ring) 35%, var(--background));--puck-canvas-color-text:var(--foreground);--puck-canvas-color-bg:var(--muted);--puck-canvas-preview-color-bg:var(--background);--puck-header-color-bg:var(--background);--puck-header-color-text:var(--foreground);--puck-sidebar-left-color-bg:var(--muted);--puck-sidebar-right-color-bg:var(--background);--puck-field-color-surface:var(--background);--puck-field-color-bg:var(--background);--puck-field-color-bg-hover:var(--accent);--puck-field-color-bg-active:var(--accent);--puck-field-color-text:var(--foreground);--puck-field-color-text-hover:var(--foreground);--puck-field-color-text-active:var(--accent-foreground);--puck-field-color-border:var(--input);--puck-field-color-border-hover:color-mix(in oklab, var(--input) 60%, var(--foreground));--puck-field-color-border-focus:var(--ring);--puck-field-color-border-dragging:var(--ring);--puck-field-color-bg-disabled:var(--muted);--puck-field-color-border-disabled:var(--border);--puck-field-color-text-disabled:var(--muted-foreground);--puck-field-border-width:1px;--puck-field-radius:var(--puck-radius-m);--puck-field-font-size:.875rem;--puck-field-space-x:calc(var(--puck-space-3) - var(--puck-field-border-width));--puck-field-space-y:calc(var(--puck-space-2) - var(--puck-field-border-width));--puck-field-space-surface-x:calc(var(--puck-space-3) - var(--puck-field-border-width));--puck-field-space-surface-y:var(--puck-space-3);--puck-field-label-color-text:var(--foreground);--puck-field-label-space-y:var(--puck-space-2);--puck-field-label-font-size:.875rem;--puck-field-label-font-weight:var(--puck-font-weight-medium);--puck-field-label-color-icon:var(--muted-foreground);--puck-field-array-add-color-icon:var(--primary);--puck-field-richtext-menu-color-bg:var(--muted);--puck-field-richtext-menu-color-separator:var(--border);--puck-field-external-detach-color-bg:var(--muted);--puck-field-external-detach-color-text:var(--muted-foreground);--puck-button-radius:var(--puck-radius-m);--puck-button-medium-space-y:calc(var(--puck-space-2) - var(--puck-border-width-regular));--puck-button-medium-space-x:calc(var(--puck-space-4) - var(--puck-border-width-regular));--puck-button-medium-font-weight:var(--puck-font-weight-medium);--puck-button-medium-font-size:.875rem;--puck-button-large-space-y:calc(var(--puck-space-3) - var(--puck-border-width-regular));--puck-button-large-space-x:calc(var(--puck-space-5) - var(--puck-border-width-regular));--puck-button-large-font-weight:var(--puck-font-weight-medium);--puck-button-large-font-size:.875rem;--puck-button-primary-color-bg:var(--primary);--puck-button-primary-color-bg-hover:color-mix(in oklab, var(--primary) 90%, transparent);--puck-button-primary-color-bg-active:color-mix(in oklab, var(--primary) 82%, black);--puck-button-primary-color-text:var(--primary-foreground);--puck-button-primary-color-border:transparent;--puck-button-primary-color-bg-disabled:var(--muted);--puck-button-primary-color-text-disabled:var(--muted-foreground);--puck-button-secondary-color-bg:transparent;--puck-button-secondary-color-bg-hover:var(--accent);--puck-button-secondary-color-bg-active:var(--accent);--puck-button-secondary-color-text:var(--foreground);--puck-button-secondary-color-border:var(--border);--puck-button-secondary-color-bg-disabled:var(--muted);--puck-button-secondary-color-text-disabled:var(--muted-foreground);--puck-iconbutton-radius:var(--puck-radius-m);--puck-iconbutton-space:var(--puck-space-1);--puck-iconbutton-color-bg:transparent;--puck-iconbutton-color-bg-hover:var(--accent);--puck-iconbutton-color-bg-active:var(--accent);--puck-iconbutton-color-icon:currentColor;--puck-iconbutton-color-icon-hover:var(--accent-foreground);--puck-iconbutton-color-icon-active:var(--accent-foreground);--puck-iconbutton-color-icon-disabled:var(--muted-foreground);--puck-drawer-space:var(--puck-space-2);--puck-drawer-category-color-text:var(--muted-foreground);--puck-drawer-category-color-bg-hover:var(--accent);--puck-drawer-category-color-text-hover:var(--accent-foreground);--puck-drawer-category-color-bg-active:var(--accent);--puck-drawer-category-font-size:.75rem;--puck-drawer-category-space:var(--puck-space-2);--puck-drawer-item-color-bg:var(--card);--puck-drawer-item-color-text:var(--card-foreground);--puck-drawer-item-color-border:var(--border);--puck-drawer-item-border-width:1px;--puck-drawer-item-color-bg-hover:var(--accent);--puck-drawer-item-color-text-hover:var(--accent-foreground);--puck-drawer-item-radius:var(--puck-radius-m);--puck-drawer-item-font-size:.75rem;--puck-drawer-item-space:var(--puck-space-2);--puck-outline-color-text:var(--foreground);--puck-outline-color-icon:var(--muted-foreground);--puck-outline-color-bg-hover:var(--accent);--puck-outline-color-text-hover:var(--accent-foreground);--puck-outline-color-border-hover:transparent;--puck-outline-color-bg-selected:var(--accent);--puck-outline-color-border-selected:var(--ring);--puck-outline-border-width:1px;--puck-outline-radius:var(--puck-radius-s);--puck-outline-font-size:.8125rem;--puck-outline-zone-color-text:var(--muted-foreground);--puck-outline-zone-font-size:.75rem;--puck-actionbar-color-bg:var(--primary);--puck-actionbar-color-text:var(--primary-foreground);--puck-actionbar-opacity-text:.9;--puck-actionbar-color-separator:color-mix(in oklab, var(--primary-foreground) 24%, transparent);--puck-actionbar-color-action-hover:var(--ring);--puck-actionbar-color-action-active:color-mix(in oklab, var(--ring) 75%, var(--primary-foreground));--puck-actionbar-color-action-disabled:var(--primary-foreground);--puck-actionbar-opacity-action-disabled:.4;--puck-actionbar-space-y:var(--puck-space-1);--puck-actionbar-space-x:var(--puck-space-1);--puck-actionbar-radius:var(--puck-radius-l);--puck-actionbar-font-size:.75rem;--puck-actionbar-action-size:var(--puck-icon-size-s);--puck-pluginbar-color-bg:var(--muted);--puck-pluginbar-color-bg-hover:var(--accent);--puck-pluginbar-color-text:var(--muted-foreground);--puck-pluginbar-color-text-hover:var(--foreground);--puck-pluginbar-color-text-selected:var(--foreground);--puck-pluginbar-font-size:.75rem;--puck-slot-color-bg:color-mix(in oklab, var(--ring) 10%, transparent);--puck-slot-color-border:color-mix(in oklab, var(--ring) 55%, transparent);--puck-slot-border-width:var(--puck-border-width-focus);--puck-slot-border-style:dashed;--puck-slot-component-color-overlay:color-mix(in oklab, var(--ring) 8%, transparent);--puck-slot-component-color-overlay-border:var(--ring);--puck-slot-component-border-width:var(--puck-border-width-focus);--puck-slot-component-color-border-selected:var(--ring);--puck-slot-component-color-placeholder:var(--ring);--puck-slot-component-color-border-dragging:color-mix(in oklab, var(--ring) 45%, transparent)}[data-dnd-dragging][data-puck-component]{opacity:.85!important;max-width:140px!important;max-height:120px!important;overflow:hidden!important}[class*=DrawerItem-draggable],[class*=Drawer-draggableBg]{max-width:180px!important}[class*=SlotRender]{min-height:40px}html,body{margin:0;padding:0}[class*=Puck-root],[class*=Puck-frame],[class*=DropZone-root]{margin:0!important;padding:0!important}[data-screen-root=true]{box-sizing:border-box}[class*=ComponentList--isExpanded]>[class*=ComponentList-content]{gap:var(--puck-space-2)!important;padding:var(--puck-space-2)!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;display:grid!important}[class*=ComponentList-content]>[class*=Drawer]{display:contents!important}[class*=ComponentList-content] [class*=DrawerItem]{width:auto!important}.stack-fill-space,.container-fill-space,.flex-fill-height{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;display:flex!important}[class*=DropZone]>div:has(.stack-fill-space){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}[class*=DropZone]>div:has(.container-fill-space){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}[class*=DropZone]>div:has(.flex-fill-height){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}[data-puck-component]:has(.stack-fill-space){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}[data-puck-component]:has(.container-fill-space){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}[data-puck-component]:has(.flex-fill-height){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}:is([class*=DropZone]:has(.stack-fill-space),[class*=DropZone]:has(.container-fill-space),[class*=DropZone]:has(.flex-fill-height),[class*=SlotRender]:has(.stack-fill-space),[class*=SlotRender]:has(.container-fill-space),[class*=SlotRender]:has(.flex-fill-height)){flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}