.component-preview.svelte-9znc1v{flex-direction:column;gap:16px;display:flex}.preview-heading.svelte-9znc1v{flex-direction:column;gap:8px;display:flex}.preview-canvas.svelte-9znc1v{background-color:var(--color10);border:1px solid var(--border-primary);border-radius:6px;width:100%;margin:0 auto;padding:32px}@media (width<=1024px){.preview-canvas.svelte-9znc1v{padding:16px}}.resizable.svelte-ub1k4z{width:100%;max-width:100%;min-height:160px;transition:grid-template-columns .14s,grid-template-rows .14s;display:grid}.resizable[data-direction=horizontal].svelte-ub1k4z{grid-template-columns:minmax(0, var(--resizable-size)) 8px minmax(0, calc(100% - var(--resizable-size) - 8px))}.resizable[data-direction=vertical].svelte-ub1k4z{grid-template-rows:minmax(0, var(--resizable-size)) 8px minmax(0, calc(100% - var(--resizable-size) - 8px))}.resizable-panel.svelte-ub1k4z{background:var(--color00);border:1px solid var(--border-primary);min-width:0;min-height:0;padding:16px;overflow:auto}.resizable-handle.svelte-ub1k4z{background:var(--border-primary);position:relative}.resizable-handle.svelte-ub1k4z:focus-visible{background:var(--accent10);outline:2px solid var(--accent10);outline-offset:-2px}.resizable-handle.svelte-ub1k4z:after{background:var(--color60);content:"";border-radius:3px;position:absolute}.resizable[data-direction=horizontal].svelte-ub1k4z .resizable-handle:where(.svelte-ub1k4z){cursor:col-resize}.resizable[data-direction=horizontal].svelte-ub1k4z .resizable-handle:where(.svelte-ub1k4z):after{width:4px;height:32px;top:calc(50% - 16px);left:2px}.resizable[data-direction=vertical].svelte-ub1k4z .resizable-handle:where(.svelte-ub1k4z){cursor:row-resize}.resizable[data-direction=vertical].svelte-ub1k4z .resizable-handle:where(.svelte-ub1k4z):after{height:4px;top:2px;left:calc(50% - 16px)}.resizable[data-direction=vertical].svelte-ub1k4z .resizable-handle:where(.svelte-ub1k4z){width:32px}@media (prefers-reduced-motion:reduce){.resizable.svelte-ub1k4z{transition:none}}