.svedit-canvas.svelte-1si7rvi{--layout-orientation: vertical;caret-color:var(--editing-stroke-color);caret-shape:block}.svedit-canvas.svelte-1si7rvi:focus{outline:none}.svedit-canvas.hide-selection.svelte-1si7rvi{caret-color:transparent}.svedit-canvas.svelte-1si7rvi ::selection{background:var(--editing-fill-color)}.svedit-canvas.hide-selection.svelte-1si7rvi ::selection{background:transparent}.text.svelte-n5oc6c{white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:content-box}.text.svelte-n5oc6c.heading1{text-wrap:var(--text-wrap)}[placeholder].empty.svelte-n5oc6c:before{content:attr(placeholder);pointer-events:none;color:color-mix(in oklch,currentcolor 50%,transparent)}[placeholder].empty.focused.svelte-n5oc6c br:where(.svelte-n5oc6c){display:none}.text.focused.svelte-n5oc6c{background:none;outline:1px dashed var(--editing-stroke-color)}.property.svelte-9kbkpw{position:relative}.cursor-trap.svelte-9kbkpw{position:absolute;inset:0;z-index:1;outline:none}.property-content.svelte-9kbkpw{width:100%;height:100%}div.svelte-ovu7ng{position:relative}svg.svelte-r1sqdd{color:var(--icon-color, var(--primary-text-color));fill:currentColor;-webkit-user-select:none;user-select:none;object-fit:contain;object-position:center;width:var(--icon-size, 20px);height:var(--icon-size, 20px)}.editor-toolbar.svelte-qk0q7l{color:var(--primary-text-color);background-color:var(--canvas-fill-color);width:fit-content;position:fixed;bottom:var(--s-4);left:50%;transform:translate(-50%);border-radius:var(--s-2);box-shadow:var(--shadow-2);display:flex;z-index:50;flex-direction:row;align-items:center;max-width:calc(100vw - 2 * var(--s-4));overflow-x:auto;scrollbar-width:thin}.editor-toolbar.svelte-qk0q7l button:where(.svelte-qk0q7l){text-wrap:nowrap;height:100%;min-height:44px;--icon-color: var(--primary-text-color);position:relative}.editor-toolbar.svelte-qk0q7l button:where(.svelte-qk0q7l).active{color:var(--editing-stroke-color);--icon-color: var(--editing-stroke-color)}.editor-toolbar.svelte-qk0q7l .contextual-input:where(.svelte-qk0q7l){display:flex;align-items:center;gap:var(--s-2)}.editor-toolbar.svelte-qk0q7l .contextual-input:where(.svelte-qk0q7l) label:where(.svelte-qk0q7l){display:flex;align-items:center;gap:var(--s-1);font-size:14px;white-space:nowrap}.editor-toolbar.svelte-qk0q7l .contextual-input:where(.svelte-qk0q7l) input:where(.svelte-qk0q7l){padding:var(--s-1) var(--s-2);border:1px solid var(--stroke-color);border-radius:var(--s-1);background:var(--canvas-fill-color);color:var(--primary-text-color);font-size:14px;width:200px}.editor-toolbar.svelte-qk0q7l .contextual-input:where(.svelte-qk0q7l) input:where(.svelte-qk0q7l):focus{outline:none;border-color:var(--editing-stroke-color)}.editor-toolbar.svelte-qk0q7l hr:where(.svelte-qk0q7l){background-color:var(--stroke-color);width:1px;height:100%;border:none;margin-inline:var(--s-2)}.cursor-trap.svelte-1bvbb9s{outline:1px dashed var(--stroke-color);position:relative;cursor:pointer;z-index:20}.node-cursor.svelte-1bvbb9s{position:absolute;background:var(--editing-stroke-color);pointer-events:none;animation:svelte-1bvbb9s-blink .7s infinite}@keyframes svelte-1bvbb9s-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@container style(--layout-orientation: vertical){.cursor-trap.svelte-1bvbb9s{position:absolute;bottom:-6px;left:0;right:0;height:12px}.node-cursor.svelte-1bvbb9s{height:4px;left:0;right:0}.cursor-trap.position-zero-cursor-trap.svelte-1bvbb9s .node-cursor:where(.svelte-1bvbb9s){top:4px}.cursor-trap.after-node-cursor-trap.svelte-1bvbb9s .node-cursor:where(.svelte-1bvbb9s){bottom:4px}.cursor-trap.position-zero-cursor-trap.svelte-1bvbb9s{bottom:auto;top:-6px}}@container style(--layout-orientation: horizontal){.cursor-trap.svelte-1bvbb9s{position:absolute;right:-6px;top:0;bottom:0;width:12px}.node-cursor.svelte-1bvbb9s{width:4px;top:0;bottom:0}.cursor-trap.position-zero-cursor-trap.svelte-1bvbb9s .node-cursor:where(.svelte-1bvbb9s){left:4px}.cursor-trap.after-node-cursor-trap.svelte-1bvbb9s .node-cursor:where(.svelte-1bvbb9s){right:4px}.cursor-trap.position-zero-cursor-trap.svelte-1bvbb9s{right:auto;left:-6px}}.cursor-trap.svelte-1bvbb9s:hover{outline:1px dashed var(--editing-stroke-color)}.node-selection-fragment.svelte-1db1vfh,.property-selection-overlay.svelte-1db1vfh{position:absolute;background:var(--editing-fill-color);border:1px solid var(--editing-stroke-color);border-radius:2px;top:anchor(top);left:anchor(left);bottom:anchor(bottom);right:anchor(right);pointer-events:none}.text-selection-overlay.svelte-1db1vfh{position:absolute;top:anchor(top);left:anchor(right);pointer-events:auto;transform:translate(var(--s-1)) translateY(-12px);z-index:10}.text-selection-overlay.svelte-1db1vfh button:where(.svelte-1db1vfh){color:var(--primary-text-color);--icon-color: var(--primary-text-color);box-shadow:var(--shadow-2)}.body-node-array{display:grid;grid-template-columns:1fr}.story.svelte-ibihcp{container-type:inline-size;display:grid;grid-template-columns:1fr;padding-inline-start:max(var(--s-10),env(safe-area-inset-left,0px));padding-inline-end:max(var(--s-10),env(safe-area-inset-right,0px));padding-block-start:max(var(--s-10),env(safe-area-inset-top,0px));padding-block-end:max(var(--s-10),env(safe-area-inset-bottom,0px));gap:var(--s-10);padding:var(--s-10) var(--s-6)}@media (min-width: 680px){.story.svelte-ibihcp{grid-template-columns:1fr 2fr}}.story.svelte-ibihcp .buttons:not(.empty){padding-top:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s-2)}.story.svelte-ibihcp .buttons{--layout-orientation: horizontal}.story.svelte-ibihcp .buttons.empty .node.empty-node-array{position:absolute!important}.story.svelte-ibihcp img:where(.svelte-ibihcp){width:100%;height:auto}.story.svelte-ibihcp img[src*=".svg"]:where(.svelte-ibihcp){object-fit:contain;object-position:center}.story.svelte-ibihcp img.placeholder:where(.svelte-ibihcp){opacity:.7;border:2px dashed var(--stroke-color);border-radius:var(--s-2);padding:var(--s-4);background:var(--canvas-fill-color)}.story.svelte-ibihcp .heading2{margin-bottom:var(--s-2)}.story.svelte-ibihcp .image-wrapper{display:flex;align-items:center;justify-content:center;min-width:280px;max-width:320px}@media (max-width: 680px){.story.svelte-ibihcp .image-wrapper{min-width:100%;max-width:100%}}.story.layout-2.svelte-ibihcp,.story.layout-1.svelte-ibihcp{align-items:center}@media (min-width: 680px){.story.layout-2.svelte-ibihcp{grid-template-columns:2fr 1fr;grid-template-areas:"content image"}.story.layout-2.svelte-ibihcp>:where(.svelte-ibihcp):first-child{grid-area:image}.story.layout-2.svelte-ibihcp>:where(.svelte-ibihcp):last-child{grid-area:content}}.story.layout-3.svelte-ibihcp>div:where(.svelte-ibihcp):first-child{grid-column:1 / 3;grid-row:1 / 2}.story.layout-3.svelte-ibihcp>div:where(.svelte-ibihcp):last-child{grid-column:1 / 3;grid-row:2 / 3}.button.svelte-lir0zm{display:block;text-decoration:none;background:var(--primary-fill-color);color:var(--canvas-fill-color);padding:var(--s-2) var(--s-4)}.button.svelte-lir0zm:hover{background:var(--primary-fill-color);color:var(--canvas-fill-color);opacity:.8}.text.svelte-4z1ab8{padding-inline-start:max(var(--s-10),env(safe-area-inset-left,0px));padding-inline-end:max(var(--s-10),env(safe-area-inset-right,0px));padding-block-start:max(var(--s-10),env(safe-area-inset-top,0px));padding-block-end:max(var(--s-10),env(safe-area-inset-bottom,0px));padding:var(--s-6);position:relative}.shortcuts.svelte-4z1ab8{position:absolute;right:28px;top:28px;color:color-mix(in oklch,currentcolor 50%,transparent);pointer-events:none}.list.svelte-1wr2mej{padding:var(--s-10) 0;counter-reset:listcounter}.list-item.svelte-1d835vb{position:relative;padding-left:3em}.list-item.svelte-1d835vb:before{position:absolute;left:0;top:0;font-size:1em;content:counter(listcounter,var(--list-style));color:var(--primary-fill-color)}.list-item{counter-increment:listcounter}.image-grid.svelte-83l52m{padding:var(--s-6)}.image-grid.svelte-83l52m{--layout-orientation: horizontal}.image-grid.svelte-83l52m .image-grid-items{padding:calc(var(--s-10) * 3) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.image-grid.svelte-83l52m .image-grid-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.image-grid.svelte-83l52m{--layout-orientation: vertical}.image-grid.svelte-83l52m .image-grid-items{grid-template-columns:repeat(1,1fr)}}.image-grid-item.svelte-1h2w9mk img:where(.svelte-1h2w9mk){width:100%}.image-grid-item.svelte-1h2w9mk img[src*=".svg"]:where(.svelte-1h2w9mk){object-fit:contain;object-position:center}.image-grid-item.svelte-1h2w9mk img.placeholder:where(.svelte-1h2w9mk){opacity:.7;border-radius:var(--s-2);padding:var(--s-4);background:var(--canvas-fill-color)}.image-grid-item.svelte-1h2w9mk .image-wrapper{display:flex;align-items:center;justify-content:center}@media (max-width: 680px){.image-grid-item.svelte-1h2w9mk .image-wrapper{min-width:100%;max-width:100%}}.hero.svelte-1vge9vh{padding-inline-start:max(var(--s-10),env(safe-area-inset-left,0px));padding-inline-end:max(var(--s-10),env(safe-area-inset-right,0px));padding-block-start:max(var(--s-10),env(safe-area-inset-top,0px));padding-block-end:max(var(--s-10),env(safe-area-inset-bottom,0px));padding:var(--s-10) var(--s-6);display:flex;align-items:center;justify-content:center;min-height:50vh;position:relative;background:linear-gradient(135deg,var(--primary-fill-color),color-mix(in srgb,var(--primary-fill-color) 80%,white))}.github-button-wrapper.svelte-1vge9vh{margin-top:var(--s-6)}.hero.has-image.svelte-1vge9vh{background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay.svelte-1vge9vh{position:absolute;inset:0;background:#0006;z-index:1}.hero-content.svelte-1vge9vh{text-align:center;max-width:800px;width:100%;position:relative;z-index:2}.hero.svelte-1vge9vh .hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--s-6);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero.svelte-1vge9vh .hero-subtitle{font-size:1.25rem;line-height:1.6;opacity:.8;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:600px;margin:0 auto}.hero.has-image.svelte-1vge9vh .hero-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero.has-image.svelte-1vge9vh .hero-subtitle{color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.hero.svelte-1vge9vh .hero-title{font-size:2.5rem}.hero.svelte-1vge9vh .hero-subtitle{font-size:1.125rem}}@media (max-width: 480px){.hero.svelte-1vge9vh .hero-title{font-size:2rem}.hero.svelte-1vge9vh .hero-subtitle{font-size:1rem}}.debug-info.svelte-105gtrw{text-wrap:wrap;height:12lh;overflow-y:auto;color:#fff;background:var(--primary-fill-color);font-size:12px}
