svg.svelte-1nfr1b5{z-index:1000}path.svelte-1nfr1b5{fill:none;stroke:#545454;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.snapline-group.svelte-1taw0qk{box-sizing:border-box;pointer-events:none}.snapline-group-header.svelte-1taw0qk{pointer-events:auto;cursor:grab}.snapline-group-body.svelte-1taw0qk{pointer-events:none}.connector.svelte-ir5bq0{width:14px;height:14px;border:2px solid #ffffff;border-radius:999px;background:#4f46e5;box-shadow:0 1px 3px #0f172a40;cursor:crosshair;pointer-events:auto}#select-container.svelte-xw5li7{position:absolute;top:0;left:0;width:0;height:0;transform-origin:top left;pointer-events:none;background-color:#0000001a}.snapline-demo.svelte-16l06bt{width:min(100%,var(--doc-reading-width, 700px));margin:var(--size-24) auto var(--size-48)}.demo-shell.svelte-16l06bt{position:relative;overflow:hidden;min-height:22rem;border-radius:var(--ui-radius);background:var(--color-background-tint);color:var(--color-text);font-family:var(--font-body)}.demo-engine{min-height:19rem;touch-action:none}.grid.svelte-16l06bt{position:absolute;inset:var(--size-8);display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:36px;overflow:hidden;pointer-events:auto;color:#00000014;font-family:var(--font-label);font-size:10px;font-weight:300;line-height:1;place-items:center;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,#000000c7,#00000047);mask-image:linear-gradient(to bottom,#000000c7,#00000047)}.grid.svelte-16l06bt span:where(.svelte-16l06bt){margin:0;color:inherit;font:inherit;pointer-events:none}.doc-node{--card-color: var(--color-background);--card-radius: var(--ui-radius);box-sizing:border-box;display:grid;width:145px;min-height:72px;gap:var(--size-4);align-content:center;padding:var(--size-12) var(--size-16);color:var(--color-text);pointer-events:auto;-webkit-user-select:none;user-select:none}.doc-node.compact{width:108px;min-height:54px}.doc-resize-region{--resize-size: 12px;position:absolute}.doc-resize-region[data-handle=n],.doc-resize-region[data-handle=s]{left:var(--resize-size);right:var(--resize-size);height:var(--resize-size);cursor:ns-resize}.doc-resize-region[data-handle=e],.doc-resize-region[data-handle=w]{top:var(--resize-size);bottom:var(--resize-size);width:var(--resize-size);cursor:ew-resize}.doc-resize-region[data-handle^=n]{top:-6px}.doc-resize-region[data-handle^=s]{bottom:-6px}.doc-resize-region[data-handle$=e]{right:-6px}.doc-resize-region[data-handle$=w]{left:-6px}.doc-resize-region[data-handle=ne],.doc-resize-region[data-handle=se],.doc-resize-region[data-handle=sw],.doc-resize-region[data-handle=nw]{width:var(--resize-size);height:var(--resize-size)}.doc-resize-region[data-handle=ne],.doc-resize-region[data-handle=sw]{cursor:nesw-resize}.doc-resize-region[data-handle=nw],.doc-resize-region[data-handle=se]{cursor:nwse-resize}.doc-node[data-selected=true]{outline:3px solid color-mix(in srgb,var(--color-primary) 38%,transparent);outline-offset:3px}.doc-node strong{color:var(--color-text);font-family:var(--font-label);font-size:.9rem;font-weight:350;line-height:var(--leading-label)}.doc-node span{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--type-caption);line-height:var(--leading-caption)}.port.svelte-16l06bt{position:absolute;top:calc(50% - 9px)}.port.left.svelte-16l06bt{left:-9px}.port.right.svelte-16l06bt{right:-9px}.snapline-demo.svelte-16l06bt [data-snapline-type=connector]{box-sizing:border-box;width:18px;height:18px;border:3px solid var(--color-background);background:var(--color-primary);box-shadow:2px 2px 3px -1px #1f1e2947,1px 1px 1px #ffffff61 inset}.snapline-demo.svelte-16l06bt [data-snapline-type=connector]:focus-visible{outline:2px solid var(--color-action);outline-offset:3px}.snapline-demo.svelte-16l06bt [data-snapline-type=connector-line] path{stroke:var(--color-primary);stroke-width:3;filter:drop-shadow(1px 2px 1.5px rgb(31 30 41 / 18%))}.snapline-demo.svelte-16l06bt [data-snapline-type=connector-line] marker polygon{fill:var(--color-primary)}.doc-group{border:1px solid color-mix(in srgb,var(--color-primary) 44%,transparent);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--color-primary) 7%,transparent);-webkit-user-select:none;user-select:none}.doc-group.inner{border-color:color-mix(in srgb,var(--color-secondary-1) 44%,transparent);background:color-mix(in srgb,var(--color-secondary-1) 7%,transparent)}.doc-group [data-snapline-part=group-header]{display:flex;width:100%;min-height:30px;align-items:center;padding:0 var(--size-12);border-radius:calc(var(--ui-radius) - 1px) calc(var(--ui-radius) - 1px) 0 0;background:var(--color-primary);color:#fff;font-family:var(--font-label);font-size:.8rem;font-weight:350;line-height:var(--leading-label);box-sizing:border-box;box-shadow:1px 1px 1px #ffffff59 inset,2px 2px 4px -2px #1f1e294d;-webkit-user-select:none;user-select:none}.doc-group.inner [data-snapline-part=group-header]{background:var(--color-secondary-1)}.doc-selection{border:1px solid var(--color-primary);border-radius:var(--size-4);background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.palette-button.svelte-16l06bt{position:absolute;z-index:5;top:var(--size-12);left:var(--size-12);font-family:var(--font-body)}.placement-preview.svelte-16l06bt{--card-color: color-mix(in srgb, var(--color-background) 92%, transparent);--card-radius: var(--ui-radius);position:absolute;z-index:4;display:grid;width:108px;height:54px;place-items:center;padding:0;border:1px dashed var(--color-primary);color:var(--color-text);font-family:var(--font-label);font-size:.9rem;font-weight:350;pointer-events:none}[data-snapline-type=placement-preview][data-allowed=false] .placement-preview.svelte-16l06bt{border-color:var(--color-secondary-1);color:color-mix(in srgb,var(--color-secondary-1) 72%,var(--color-text))}.hint.svelte-16l06bt{min-height:3rem;margin:0;padding:var(--size-12) var(--size-16);border-top:1px solid color-mix(in srgb,var(--color-background-dark) 18%,transparent);background:color-mix(in srgb,var(--color-background) 72%,transparent);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--type-caption);line-height:var(--leading-caption);box-sizing:border-box}@media(max-width:640px){.snapline-demo.svelte-16l06bt{margin-bottom:var(--size-32)}.demo-shell.svelte-16l06bt{min-height:20rem}.demo-engine{min-height:17rem}}