.db-layout{display:grid;grid-area:content;grid-template-columns:var(--db-split,50%) 0 1fr;min-height:calc(100vh - 64px)}.db-divider{cursor:col-resize;position:relative;z-index:1}.db-divider:before{background:var(--color--surface-border,#e0e0e0);left:0;transition:background-color .15s,width .15s;width:1px}.db-divider:after,.db-divider:before{bottom:0;content:"";position:absolute;top:0}.db-divider:after{left:-4px;width:9px}.db-divider.is-dragging:before,.db-divider:hover:before{background:var(--color--surface-contrast-muted,#999);left:-1px;width:3px}.db-preview{background:var(--color--background,#f5f5f5);border-left:none;height:100vh;overflow-y:auto;position:sticky;top:0}.db-preview__inner{display:grid;gap:2rem}@media(max-width:960px){.db-layout{grid-template-columns:1fr}.db-divider{display:none}.db-preview{border-top:1px solid var(--color--surface-border,#e0e0e0);height:auto;position:static}}.db-component-target{cursor:pointer;transition:box-shadow .15s ease}.db-component-target:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--color--primary,#1f6feb) 45%,transparent)}.db-component-target-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--color--primary,#1f6feb) 65%,transparent)}