.popover.svelte-1vjvrbb{--popover-background: oklch(100% 0 0 / .95);--popover-border-color: oklch(90% 0 0);--popover-border-width: 1px;--popover-border-radius: 8px;--popover-backdrop-filter: blur(20px) saturate(180%);--popover-backdrop-background: oklch(0% 0 0);--popover-backdrop-opacity: .3;--popover-shadow: 0 4px 16px oklch(0% 0 0 / .1);--popover-transition-duration: 80ms;--popover-animation-distance: 8px;--flip-x: 0;--flip-y: 0;--_offset: var(--offset-override, var(--popover-offset, 8px));--_position-area: var(--position-area-override, var(--position-area, center));--_align-self: var(--align-self-override, var(--align-self, center));--_justify-self: var(--justify-self-override, var(--justify-self, center));--_anchor-name: var(--anchor-name-override, var(--anchor-name, --my-anchor));container-name:popover-container;container-type:anchored;position:fixed;inset:auto;margin:unset;padding:0;outline:none;border:none;background:none;position-anchor:var(--_anchor-name);position-area:var(--_position-area);align-self:var(--_align-self);justify-self:var(--_justify-self);position-visibility:anchors-visible;visibility:hidden;pointer-events:none;overflow:visible;width:fit-content;height:fit-content;min-width:min-content;min-height:min-content;box-sizing:border-box}.popover-content.svelte-1vjvrbb:before{content:"";position:absolute;left:0;top:0;width:1px;aspect-ratio:1;view-timeline:--px inline,--py block}.popover.svelte-1vjvrbb:popover-open{visibility:visible;pointer-events:auto}.popover-content.svelte-1vjvrbb{height:inherit;width:inherit;min-width:inherit;min-height:inherit;max-width:inherit;max-height:inherit;will-change:transform;backface-visibility:hidden;box-sizing:border-box;position:relative;overflow:hidden;background-color:var(--popover-background);-webkit-backdrop-filter:var(--popover-backdrop-filter);backdrop-filter:var(--popover-backdrop-filter);border-radius:var(--popover-border-radius);border:var(--popover-border-width) solid var(--popover-border-color);box-shadow:var(--popover-shadow);display:var(--popover-display, flex);flex-direction:var(--popover-flex-direction, column);transition:transform var(--popover-transition-duration) ease-out,opacity var(--popover-transition-duration) ease-out}.popover.svelte-1vjvrbb:popover-open .popover-content:where(.svelte-1vjvrbb){transform:translateZ(0) scale(1);opacity:1}@starting-style{.popover.svelte-1vjvrbb:popover-open .popover-content:where(.svelte-1vjvrbb){opacity:0;transform:translate3d(calc(var(--flip-x) * -1 * var(--popover-animation-distance)),calc(var(--flip-y) * -1 * var(--popover-animation-distance)),0) scale(.95)}}.popover.backdrop.svelte-1vjvrbb::backdrop{background-color:var(--popover-backdrop-background);opacity:var(--popover-backdrop-opacity)}.popover.svelte-1vjvrbb[class*=y-end],.popover.svelte-1vjvrbb[class*=block-end]{--flip-y: 1}.popover.svelte-1vjvrbb[class*=y-start],.popover.svelte-1vjvrbb[class*=block-start]{--flip-y: -1}.popover.svelte-1vjvrbb[class*=inline-end],.popover.svelte-1vjvrbb[class*=x-end]{--flip-x: 1}.popover.svelte-1vjvrbb[class*=inline-start],.popover.svelte-1vjvrbb[class*=x-start]{--flip-x: -1}.popover.svelte-1vjvrbb[class*="popover-outside:start"],.popover.svelte-1vjvrbb[class*="popover-inside:start"],.popover.svelte-1vjvrbb[class*="popover-overlay:start"],.popover.svelte-1vjvrbb[class*="popover-border:start"]{--flip-y: -1}.popover.svelte-1vjvrbb[class*="popover-outside:end"],.popover.svelte-1vjvrbb[class*="popover-inside:end"],.popover.svelte-1vjvrbb[class*="popover-overlay:end"],.popover.svelte-1vjvrbb[class*="popover-border:end"]{--flip-y: 1}.popover.svelte-1vjvrbb[class*="t-start:"],.popover.svelte-1vjvrbb[class*="d-start:"]{--flip-x: -1}.popover.svelte-1vjvrbb[class*="t-end:"],.popover.svelte-1vjvrbb[class*="d-end:"]{--flip-x: 1}.popover.svelte-1vjvrbb[class*="popover-outside:start:"],.popover.svelte-1vjvrbb[class*="popover-inside:start:"],.popover.svelte-1vjvrbb[class*="popover-overlay:start:"],.popover.svelte-1vjvrbb[class*="popover-border:start:"]{--flip-x: -1}.popover.svelte-1vjvrbb[class*="popover-outside:end:"],.popover.svelte-1vjvrbb[class*="popover-inside:end:"],.popover.svelte-1vjvrbb[class*="popover-overlay:end:"],.popover.svelte-1vjvrbb[class*="popover-border:end:"]{--flip-x: 1}.popover.svelte-1vjvrbb[class*=span-start-center]{--flip-y: -1}.popover.svelte-1vjvrbb[class*=span-end-center]{--flip-y: 1}.popover.svelte-1vjvrbb[class*=center-span-start]{--flip-x: -1}.popover.svelte-1vjvrbb[class*=center-span-end]{--flip-x: 1}.popover.svelte-1vjvrbb[class*="popover-overlay:span-start:"]{--flip-y: -1;--flip-x: -1}.popover.svelte-1vjvrbb[class*="popover-overlay:span-end:"]{--flip-y: 1;--flip-x: 1}.popover.svelte-1vjvrbb[class*=span-start-span-end]{--flip-y: -1;--flip-x: 1}.popover.svelte-1vjvrbb[class*=span-end-span-start]{--flip-y: 1;--flip-x: -1}@keyframes svelte-1vjvrbb-popover-backdrop-fade-in{0%{opacity:0}}.popover.backdrop.svelte-1vjvrbb:popover-open::backdrop{animation:svelte-1vjvrbb-popover-backdrop-fade-in var(--popover-transition-duration)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=y-end],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=block-end]{margin-block-start:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=y-start],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=block-start]{margin-block-end:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=inline-end],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=x-end]{margin-inline-start:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=inline-start],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*=x-start]{margin-inline-end:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="outside:start:"]{margin-block-end:var(--_offset);margin-inline-end:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="outside:end:"]{margin-block-start:var(--_offset);margin-inline-start:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="t-start:"],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="d-start:"]{margin-inline-end:var(--_offset)}.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="t-end:"],.popover[class*="popover-outside:"].svelte-1vjvrbb[class*="d-end:"]{margin-inline-start:var(--_offset)}.popover[class*=":span-all-inline-start:"].svelte-1vjvrbb,.popover[class*=":span-all-inline-end:"].svelte-1vjvrbb{margin-block:0;height:100%;max-height:100svh}.popover[class*=":block-start-span-all:"].svelte-1vjvrbb,.popover[class*=":block-end-span-all:"].svelte-1vjvrbb{margin-inline:0;width:100%;max-width:100svw}.popover[class*="popover-inside:"].svelte-1vjvrbb{inset:var(--_offset)}.popover[class*="inside:center:center:stretch"].svelte-1vjvrbb,.popover[class*="inside:center:stretch:stretch"].svelte-1vjvrbb{width:100%}.popover[class*="inside:center:start:stretch"].svelte-1vjvrbb,.popover[class*="inside:center:end:stretch"].svelte-1vjvrbb{width:calc(100% - 2 * var(--_offset))}.popover[class*="inside:center:stretch:center"].svelte-1vjvrbb,.popover[class*="inside:center:stretch:stretch"].svelte-1vjvrbb{height:100%}.popover[class*="inside:center:stretch:start"].svelte-1vjvrbb,.popover[class*="inside:center:stretch:end"].svelte-1vjvrbb{height:calc(100% - 2 * var(--_offset))}.popover[class*="popover-overlay:"].svelte-1vjvrbb:popover-open{pointer-events:none}.popover[class*="popover-overlay:"].svelte-1vjvrbb:popover-open .popover-content:where(.svelte-1vjvrbb){pointer-events:auto;margin-inline-start:calc(max(0,var(--flip-x)) * var(--_offset));margin-inline-end:calc(max(0,var(--flip-x) * -1) * var(--_offset));margin-block-start:calc(max(0,var(--flip-y)) * var(--_offset));margin-block-end:calc(max(0,var(--flip-y) * -1) * var(--_offset))}.popover[class*="popover-border:"].svelte-1vjvrbb{margin:var(--_offset)}.popover[class*="border:center:start:start"].svelte-1vjvrbb{transform:translate(-50%,-50%)}.popover[class*="border:center:end:start"].svelte-1vjvrbb{transform:translate(-50%,50%)}.popover[class*="border:center:start:end"].svelte-1vjvrbb{transform:translate(50%,-50%)}.popover[class*="border:center:end:end"].svelte-1vjvrbb{transform:translate(50%,50%)}.popover[class*="border:center:start:center"].svelte-1vjvrbb{transform:translateY(-50%)}.popover[class*="border:center:end:center"].svelte-1vjvrbb{transform:translateY(50%)}.popover[class*="border:center:center:start"].svelte-1vjvrbb{transform:translate(-50%)}.popover[class*="border:center:center:end"].svelte-1vjvrbb{transform:translate(50%)}.popover[class*="border:center:start:stretch"].svelte-1vjvrbb,.popover[class*="border:center:end:stretch"].svelte-1vjvrbb{width:calc(100% - 2 * var(--_offset));transform:translateY(-50%)}.popover[class*="border:center:end:stretch"].svelte-1vjvrbb{transform:translateY(50%)}.popover[class*="border:center:stretch:start"].svelte-1vjvrbb,.popover[class*="border:center:stretch:end"].svelte-1vjvrbb{height:calc(100% - 2 * var(--_offset));transform:translate(-50%)}.popover[class*="border:center:stretch:end"].svelte-1vjvrbb{transform:translate(50%)}@property --_wrapper-w-with-unit{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --_wrapper-h-with-unit{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --diagonal-aspect-ratio{syntax: "<number>"; inherits: true; initial-value: 1;}.from-proxy.svelte-1uu0n19{position:fixed;width:auto;height:auto;margin:0;padding:0;visibility:hidden;pointer-events:none;overflow:hidden}.from-proxy.svelte-1uu0n19:before{content:"";position:absolute;left:0;top:0;width:1px;aspect-ratio:1}.arrow-shape.svelte-1uu0n19{--arrow-transition-duration: 80ms;position:fixed;margin:0;padding:0;pointer-events:none;background:none;border:none;width:auto;height:auto;container-name:popover-arrow-shape-container;container-type:size anchored;position-anchor:var(--to-anchor);overflow:visible}.arrow-shape.svelte-1uu0n19:popover-open{opacity:1;transform:scale(1);transition:opacity var(--arrow-transition-duration) ease-out,transform var(--arrow-transition-duration) ease-out}@starting-style{.arrow-shape.svelte-1uu0n19:popover-open{opacity:0;transform:scale(.9)}}.arrow-shape.svelte-1uu0n19.arrow-top-left,.arrow-shape.svelte-1uu0n19.arrow-top-center,.arrow-shape.svelte-1uu0n19.arrow-top-stretch{top:calc(anchor(var(--to-anchor) top) + anchor-size(var(--to-anchor) height)/2);left:calc(anchor(var(--to-anchor) left) + anchor-size(var(--to-anchor) width)/2);bottom:calc(anchor(var(--from-proxy-anchor) bottom) + anchor-size(var(--from-proxy-anchor) height)/2);right:calc(anchor(var(--from-proxy-anchor) right) + anchor-size(var(--from-proxy-anchor) width)/2);--flip-y: 1;--flip-x: 1}.arrow-shape.svelte-1uu0n19.arrow-top-right{top:calc(anchor(var(--to-anchor) top) + anchor-size(var(--to-anchor) height)/2);left:calc(anchor(var(--from-proxy-anchor) left) + anchor-size(var(--from-proxy-anchor) width)/2);bottom:calc(anchor(var(--from-proxy-anchor) bottom) + anchor-size(var(--from-proxy-anchor) height)/2);right:calc(anchor(var(--to-anchor) right) + anchor-size(var(--to-anchor) width)/2);--flip-y: 1;--flip-x: -1}.arrow-shape.svelte-1uu0n19.arrow-bottom-left,.arrow-shape.svelte-1uu0n19.arrow-bottom-center,.arrow-shape.svelte-1uu0n19.arrow-bottom-stretch,.arrow-shape.svelte-1uu0n19.arrow-center-left,.arrow-shape.svelte-1uu0n19.arrow-stretch-left,.arrow-shape.svelte-1uu0n19.arrow-stretch-stretch{top:calc(anchor(var(--from-proxy-anchor) top) + anchor-size(var(--from-proxy-anchor) height)/2);left:calc(anchor(var(--to-anchor) left) + anchor-size(var(--to-anchor) width)/2);bottom:calc(anchor(var(--to-anchor) bottom) + anchor-size(var(--to-anchor) height)/2);right:calc(anchor(var(--from-proxy-anchor) right) + anchor-size(var(--from-proxy-anchor) width)/2);--flip-y: -1;--flip-x: 1}.arrow-shape.svelte-1uu0n19.arrow-bottom-right,.arrow-shape.svelte-1uu0n19.arrow-center-right,.arrow-shape.svelte-1uu0n19.arrow-stretch-right{top:calc(anchor(var(--from-proxy-anchor) top) + anchor-size(var(--from-proxy-anchor) height)/2);left:calc(anchor(var(--from-proxy-anchor) left) + anchor-size(var(--from-proxy-anchor) width)/2);bottom:calc(anchor(var(--to-anchor) bottom) + anchor-size(var(--to-anchor) height)/2);right:calc(anchor(var(--to-anchor) right) + anchor-size(var(--to-anchor) width)/2);--flip-y: -1;--flip-x: -1}.arrow-shape-calc.svelte-1uu0n19{position:absolute;inset:0;height:100%;width:100%;--_m: 3.35544e7;--_wrapper-w-with-unit: calc(100cqw * var(--_m));--_wrapper-w-unit: calc(var(--_wrapper-w-with-unit) / var(--_m));--ww-unitless: tan(atan2(100cqw, var(--_wrapper-w-unit)));--_wrapper-h-with-unit: calc(100cqh * var(--_m));--_wrapper-h-unit: calc(var(--_wrapper-h-with-unit) / var(--_m));--wh-unitless: tan(atan2(100cqh, var(--_wrapper-h-unit)));--diagonal-aspect-ratio: calc(100cqh/100cqw) ;--full-diagonal-length: hypot(100cqw, 100cqh)}.arrow-shape-line.svelte-1uu0n19{position:absolute;--t-trigger-x: calc(var(--tw) / 2 / var(--ww-unitless));--t-trigger-y: calc(var(--th) / 2 / var(--wh-unitless));--t-trigger: min(var(--t-trigger-x), var(--t-trigger-y));--t-popover-x: calc(var(--pw) / 2 / var(--ww-unitless));--t-popover-y: calc(var(--ph) / 2 / var(--wh-unitless));--t-popover: min(var(--t-popover-x), var(--t-popover-y));--left: calc( ((1 + var(--flip-x)) / 2) * var(--t-popover) * 100cqw + ((1 - var(--flip-x)) / 2) * var(--t-trigger) * 100cqw );left:var(--left);--top: calc( ((1 + var(--flip-y)) / 2) * var(--t-popover) * 100cqh + ((1 - var(--flip-y)) / 2) * var(--t-trigger) * 100cqh );top:var(--top);--right: calc( ((1 - var(--flip-x)) / 2) * var(--t-popover) * 100cqw + ((1 + var(--flip-x)) / 2) * var(--t-trigger) * 100cqw );right:var(--right);--bottom: calc( ((1 - var(--flip-y)) / 2) * var(--t-popover) * 100cqh + ((1 + var(--flip-y)) / 2) * var(--t-trigger) * 100cqh );bottom:var(--bottom);width:calc(100% - var(--left) - var(--right));height:calc(100% - var(--top) - var(--bottom));container-type:size;overflow:visible}.arrow-shape-line-visual.svelte-1uu0n19{position:absolute;background:var(--arrow-color, black);height:calc(var(--arrow-stroke-width) * 1px);--diagonal-length: hypot(100cqw, 100cqh);width:calc(var(--diagonal-length) - var(--arrow-head-start-offset) - var(--arrow-head-end-offset));--start-corner-x: calc(((1 - var(--flip-x)) / 2) * 100%);--start-corner-y: calc(((1 - var(--flip-y)) / 2) * 100%);--offset-ratio: calc(var(--arrow-head-start-offset) / var(--diagonal-length));left:calc(var(--start-corner-x) + var(--offset-ratio) * var(--flip-x) * 100cqw);top:calc(var(--start-corner-y) + var(--offset-ratio) * var(--flip-y) * 100cqh);--angle: atan2( calc(var(--flip-y) * 100cqh), calc(var(--flip-x) * 100cqw) );transform:rotate(var(--angle));transform-origin:left center}.arrow-shape-line-visual.svelte-1uu0n19:before,.arrow-shape-line-visual.svelte-1uu0n19:after{content:"";position:absolute;background:var(--arrow-color, black);pointer-events:none;top:50%}.arrow-shape-line-visual.svelte-1uu0n19:before{display:var(--arrow-head-start-show);width:var(--arrow-head-start-size);height:var(--arrow-head-start-size);clip-path:var(--arrow-head-start-shape);left:0;transform:translate(-50%,-50%) scaleX(-1)}.arrow-shape-line-visual.svelte-1uu0n19:after{display:var(--arrow-head-end-show);width:var(--arrow-head-end-size);height:var(--arrow-head-end-size);clip-path:var(--arrow-head-end-shape);right:0;transform:translate(50%,-50%)}:root{--hud-bg: oklch(100% 0 0);--hud-text: oklch(0% 0 0);--hud-text-muted: oklch(55% 0 270);--hud-border: oklch(92% 0 270);--hud-bg-2: oklch(96% 0 270);--hud-cell-inactive: oklch(70% 0 270);--hud-active: oklch(55% 0 307);--hud-input-border: oklch(85% 0 270);--hud-input-focus: oklch(55% 0 307)}.popover-debug-hud.svelte-1mfo3mq{position:fixed;background:var(--hud-bg);border:none;border-radius:8px;box-shadow:0 0 0 1px #0000000d,0 4px 16px #0000001a;padding:.75rem;z-index:10000;font-family:Shantell Sans,cursive;font-size:12px;touch-action:none;-webkit-user-select:none;user-select:none;width:280px}.popover-debug-hud.dragging.svelte-1mfo3mq{cursor:grabbing}.popover-debug-hud.minimized.svelte-1mfo3mq{padding-bottom:.75rem}.debug-header.svelte-1mfo3mq{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;cursor:grab;padding:.25rem;margin:-.25rem -.25rem .5rem;border-radius:4px}.popover-debug-hud.dragging.svelte-1mfo3mq .debug-header:where(.svelte-1mfo3mq){cursor:grabbing}.debug-header.svelte-1mfo3mq:hover{background:#00000005}.debug-header.svelte-1mfo3mq h4:where(.svelte-1mfo3mq){margin:0;font-size:13px;font-weight:600;color:var(--hud-text);pointer-events:none}.header-buttons.svelte-1mfo3mq{display:flex;gap:.25rem}.debug-header.svelte-1mfo3mq button:where(.svelte-1mfo3mq){background:none;border:none;font-size:16px;cursor:pointer;color:#9ca3af;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.debug-header.svelte-1mfo3mq button:where(.svelte-1mfo3mq):hover{background:#f3f4f6;color:#374151}.mode-selector.svelte-1mfo3mq{display:flex;gap:2px;background:var(--hud-bg-2);padding:2px;border-radius:6px;margin-bottom:.75rem}.mode-tab.svelte-1mfo3mq{flex:1;padding:.375rem .5rem;background:transparent;border:none;border-radius:4px;font-size:11px;font-weight:400;color:var(--hud-text-muted);cursor:pointer;white-space:nowrap}.mode-tab.svelte-1mfo3mq:hover{color:var(--hud-text)}.mode-tab.active.svelte-1mfo3mq{background:#fff;color:var(--hud-text);font-weight:500;box-shadow:0 1px 2px #0000000d}.grid-and-controls.svelte-1mfo3mq{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:flex-start}.placement-grid.svelte-1mfo3mq{display:grid;grid-template-columns:repeat(3,1fr);background:var(--hud-bg-2);border-radius:6px;width:fit-content;flex-shrink:0}.controls-column.svelte-1mfo3mq{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:center;flex:1;min-width:0}.grid-cell.svelte-1mfo3mq{width:32px;height:32px;border:none;padding:0;cursor:pointer;position:relative;background:transparent;color:var(--hud-cell-inactive)}@media(pointer:coarse){.grid-cell.svelte-1mfo3mq{width:44px;height:44px}}.grid-cell.empty.svelte-1mfo3mq{cursor:not-allowed;opacity:.3}.grid-cell.svelte-1mfo3mq:not(.empty):hover{z-index:1}.grid-cell.active.svelte-1mfo3mq{color:var(--hud-cell-inactive)}.cell-icon.svelte-1mfo3mq{width:100%;height:100%;display:block}.anchor-rect.svelte-1mfo3mq{stroke-opacity:0}.option-icon.svelte-1mfo3mq{fill:var(--hud-cell-inactive);stroke:var(--hud-cell-inactive);opacity:0}.option-icon.active-option.svelte-1mfo3mq{fill:var(--hud-active);stroke:var(--hud-active);opacity:1}.option-icon.active-option-fill.svelte-1mfo3mq{fill:var(--hud-active);stroke:none;opacity:1}.option-icon.active-option-stroke.svelte-1mfo3mq{fill:none;stroke:var(--hud-active);opacity:1}.hover-indicator.svelte-1mfo3mq{fill:var(--hud-cell-inactive)}@media(hover:hover){.grid-cell.svelte-1mfo3mq:not(.active):not(:hover) .hover-indicator:where(.svelte-1mfo3mq){opacity:.3}.grid-cell.svelte-1mfo3mq:hover .anchor-rect:where(.svelte-1mfo3mq),.grid-cell.active.svelte-1mfo3mq .anchor-rect:where(.svelte-1mfo3mq){stroke-opacity:.3}.grid-cell.svelte-1mfo3mq:hover .option-icon:where(.svelte-1mfo3mq),.grid-cell.active.svelte-1mfo3mq .option-icon:where(.svelte-1mfo3mq){opacity:1}.grid-cell.svelte-1mfo3mq:hover .hover-indicator:where(.svelte-1mfo3mq),.grid-cell.active.svelte-1mfo3mq .hover-indicator:where(.svelte-1mfo3mq){opacity:0}}@media(hover:none){.grid-cell.active.svelte-1mfo3mq .anchor-rect:where(.svelte-1mfo3mq){stroke-opacity:.3}.grid-cell.svelte-1mfo3mq .option-icon:where(.svelte-1mfo3mq){opacity:1}.grid-cell.svelte-1mfo3mq .hover-indicator:where(.svelte-1mfo3mq){opacity:0}}.toggle-indicator.svelte-1mfo3mq{position:absolute;top:2px;right:2px;padding:1px 3px;background:var(--hud-active);color:#fff;border-radius:2px;font-size:7px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.controls-column.svelte-1mfo3mq label:where(.svelte-1mfo3mq){font-size:10px;font-weight:400;color:var(--hud-text-muted);white-space:nowrap}.controls-column.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq),.controls-column.svelte-1mfo3mq select:where(.svelte-1mfo3mq){width:auto;min-width:0;padding:.25rem .375rem;border:1px solid var(--hud-input-border);border-radius:4px;font-size:11px;font-family:Shantell Sans Light,monospace;background:#fff}.controls-column.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq):focus,.controls-column.svelte-1mfo3mq select:where(.svelte-1mfo3mq):focus{outline:none;border-color:var(--hud-input-focus);box-shadow:0 0 0 2px #9333ea1a}.debug-controls.svelte-1mfo3mq{margin-bottom:.5rem}.control-row.svelte-1mfo3mq{display:flex;align-items:center;gap:.5rem}.control-row.svelte-1mfo3mq label:where(.svelte-1mfo3mq){font-size:11px;font-weight:400;color:var(--hud-text-muted);width:auto;flex-shrink:0}.control-row.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq){flex:1;padding:.25rem .375rem;border:1px solid var(--hud-input-border);border-radius:4px;font-size:11px;font-family:Shantell Sans Light,monospace;background:#fff}.control-row.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq):focus{outline:none;border-color:var(--hud-input-focus);box-shadow:0 0 0 2px #9333ea1a}input[type=checkbox].svelte-1mfo3mq{accent-color:var(--hud-active)}.debug-info.svelte-1mfo3mq{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--hud-border);background:var(--hud-bg-2)}.config-output.svelte-1mfo3mq{width:100%;overflow-x:auto}.config-output.svelte-1mfo3mq pre:where(.svelte-1mfo3mq){margin:0;text-align:left}.config-output.svelte-1mfo3mq code:where(.svelte-1mfo3mq){font-family:Shantell Sans Light,monospace;font-size:10px;color:var(--hud-text-muted);font-weight:400;-webkit-user-select:all;user-select:all;white-space:pre}.arrow-settings.svelte-1mfo3mq{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--hud-border)}.section-header.svelte-1mfo3mq{font-size:11px;font-weight:600;color:var(--hud-text);margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.025em}.arrow-heads-grid.svelte-1mfo3mq{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.arrow-head-col.svelte-1mfo3mq{display:flex;flex-direction:column;min-width:0}.arrow-head-header.svelte-1mfo3mq{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.arrow-head-label.svelte-1mfo3mq{font-size:10px;font-weight:600;color:var(--hud-text);text-transform:uppercase;letter-spacing:.025em}.arrow-head-header.svelte-1mfo3mq input[type=checkbox]:where(.svelte-1mfo3mq){width:16px;height:16px;cursor:pointer;margin:0}.arrow-head-col.svelte-1mfo3mq select:where(.svelte-1mfo3mq),.arrow-head-col.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq){width:auto;min-width:0;padding:.25rem .375rem;border:1px solid var(--hud-input-border);border-radius:4px;font-size:11px;font-family:Shantell Sans Light,monospace;background:#fff;margin-bottom:.5rem}.arrow-head-col.svelte-1mfo3mq select:where(.svelte-1mfo3mq):focus,.arrow-head-col.svelte-1mfo3mq input[type=number]:where(.svelte-1mfo3mq):focus{outline:none;border-color:var(--hud-input-focus);box-shadow:0 0 0 2px #9333ea1a}.highlight-editor.svelte-12zvrix{outline:1px solid #ccc;outline-offset:-.5px;padding:8px;min-height:2em;font-family:Shantell Sans Light,monospace;white-space:pre}.highlight-editor.svelte-12zvrix:focus{position:relative;z-index:1;outline-color:#222}.use-case.svelte-2sijg8{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.use-case.svelte-2sijg8 p:where(.svelte-2sijg8){font-size:1rem;line-height:1.6;margin:0}.tooltip-trigger.svelte-2sijg8{all:unset;border-bottom:2px dotted #000000;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;display:inline;background:none}.mini-demo-content.svelte-2sijg8{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.5rem .75rem;background:#000;color:#fff;min-width:150px}.use-case.svelte-abut0u{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.use-case.svelte-abut0u button:where(.svelte-abut0u){font-family:Shantell Sans,cursive;padding:1rem 2rem;background:#000;color:#fff;border:2px solid #000000;border-radius:4px;cursor:pointer;transition:all .15s ease}.use-case.svelte-abut0u button:where(.svelte-abut0u):hover{background:#fff;color:#000}.mini-demo-content.svelte-abut0u{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.75rem 1rem;min-width:150px}.use-case.svelte-lzx58i{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.use-case.svelte-lzx58i button:where(.svelte-lzx58i){font-family:Shantell Sans,cursive;padding:1rem 2rem;background:#fff;color:#000;border:2px solid #000000;border-radius:4px;cursor:pointer;transition:all .15s ease}.use-case.svelte-lzx58i button:where(.svelte-lzx58i):hover{background:#000;color:#fff}.mini-demo-content.svelte-lzx58i{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.5rem;min-width:150px}.dropdown-item.svelte-lzx58i{padding:.5rem;cursor:pointer;border-radius:4px;transition:background .15s ease}.dropdown-item.svelte-lzx58i:hover{background:#f5f5f5}.use-case.svelte-fu5gb4{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.mini-demo-content.svelte-fu5gb4{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.5rem;min-width:150px}.dropdown-item.svelte-fu5gb4{padding:.5rem;cursor:pointer;border-radius:4px;transition:background .15s ease}.dropdown-item.svelte-fu5gb4:hover{background:#f5f5f5}.use-case.svelte-1dhwjer{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.use-case.svelte-1dhwjer button:where(.svelte-1dhwjer){font-family:Shantell Sans,cursive;padding:1rem 2rem;background:#000;color:#fff;border:2px solid #000000;border-radius:4px;cursor:pointer;transition:all .15s ease}.use-case.svelte-1dhwjer button:where(.svelte-1dhwjer):hover{background:#fff;color:#000}.mini-demo-content.svelte-1dhwjer{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.75rem 1rem;min-width:200px}.use-case.svelte-198wzm2{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.speech-bubble-container.svelte-198wzm2{display:flex;align-items:center;flex-direction:column;justify-content:center}.speech-bubble.svelte-198wzm2{position:relative;background:#fff;border:2px solid #000000;border-radius:12px;padding:.75rem 1rem;font-family:Shantell Sans,cursive;max-width:200px;line-height:1.4}.speech-bubble.svelte-198wzm2:after{content:"";position:absolute;bottom:0;left:10px;width:0;height:0;border:8px solid transparent;border-top-color:#000;border-left-color:#000;transform:translateY(100%)}.speech-bubble.svelte-198wzm2:before{content:"";position:absolute;bottom:0;left:12px;width:0;height:0;border:6px solid transparent;border-top-color:#fff;border-left-color:#fff;transform:translateY(100%);z-index:1}.reaction-content.svelte-198wzm2{display:flex;gap:.25rem;padding:.25rem}.reaction-btn.svelte-198wzm2{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .15s ease}.reaction-btn.svelte-198wzm2:hover{background:#0000000d}.use-case.svelte-jjx862{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.mini-demo-content.svelte-jjx862{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.75rem 1rem;min-width:150px}.annotation-container.svelte-jjx862{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:1rem}.annotation-text.svelte-jjx862{font-family:Shantell Sans Light,monospace;font-size:.875rem;padding:1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px}.annotated.svelte-jjx862{background:#ffe4b5;padding:2px 4px;border-radius:2px;cursor:pointer;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#ff6b00}.use-case.svelte-11x3g5d{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.editor-tools.svelte-11x3g5d{display:flex;gap:.25rem;padding:.375rem}.tool-btn.svelte-11x3g5d{padding:.375rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-size:.875rem;border:none}.tool-btn.svelte-11x3g5d:not(:first-child){border-left:1px solid oklch(0% 0 0 / .1)}.image-editor-container.svelte-11x3g5d{display:flex;align-items:center;flex-direction:column;justify-content:center}.image-placeholder.svelte-11x3g5d{max-width:200px;cursor:pointer}.use-case.svelte-1o1fyn5{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.text-tools.svelte-1o1fyn5{display:flex;gap:.25rem;padding:.2rem}.format-btn.svelte-1o1fyn5{padding:.25rem .5rem;background:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:700;font-size:.875rem}.format-btn.italic.svelte-1o1fyn5{font-style:italic;font-weight:400}.format-btn.underline.svelte-1o1fyn5{text-decoration:underline;font-weight:400}.text-editor-container.svelte-1o1fyn5{padding:0}.text-editor-demo.svelte-1o1fyn5{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:text;-webkit-user-select:text;user-select:text}.text-editor-demo.svelte-1o1fyn5::selection,.text-editor-demo.svelte-1o1fyn5 :where(.svelte-1o1fyn5)::selection,.text-editor-demo.svelte-1o1fyn5::-webkit-selection{background:#ffe4b5}.selection-anchor{transition:background .15s ease}.use-case.svelte-k3zbhz{font-family:Shantell Sans,cursive;padding:1.5rem;border-radius:4px;text-align:center;transition:all .15s ease;background:#fff;font-size:1rem;min-width:280px;min-height:280px;display:flex;align-items:center;justify-content:center}.mini-demo-content.svelte-k3zbhz{font-family:Shantell Sans,cursive;font-size:.875rem;padding:.75rem 1rem;width:250px}.preview-card.svelte-k3zbhz{width:100%;max-width:200px;cursor:pointer}@font-face{font-family:Shantell Sans;src:url(../../../Shantell_Sans-Informal_Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Shantell Sans Light;src:url(../../../Shantell_Sans-Informal_Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{anchor-scope:all}body{margin:0;padding:0;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page.svelte-1uha8ag{min-height:100vh;padding:3rem 2rem;display:flex;justify-content:flex-start}@media(min-width:1280px){.page.svelte-1uha8ag{justify-content:center}}.flex-row.svelte-1uha8ag{display:flex;flex-direction:row;align-items:center;gap:1rem}.github-link.svelte-1uha8ag{display:flex;gap:.5rem;align-items:center;justify-content:center;color:#000;text-decoration:none;transition:transform .2s ease,opacity .2s ease;opacity:.7;margin-left:auto;font-family:Shantell Sans}.github-link.svelte-1uha8ag:hover{opacity:1;transform:scale(1.1)}.github-link.svelte-1uha8ag:focus-visible{outline:2px solid #000000;outline-offset:4px;border-radius:4px}.content.svelte-1uha8ag{max-width:800px;width:100%}.header.svelte-1uha8ag{text-align:left;margin-bottom:7rem}h1.svelte-1uha8ag,h2.svelte-1uha8ag,h3.svelte-1uha8ag,p.svelte-1uha8ag,li.svelte-1uha8ag,code.svelte-1uha8ag{font-family:Shantell Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1.svelte-1uha8ag{font-size:clamp(2.5rem,5vw,4rem);font-weight:400;margin:0 0 .5rem;color:#000;letter-spacing:-.02em}.tagline.svelte-1uha8ag{font-size:1.25rem;margin:0;color:#000}h2.svelte-1uha8ag{font-size:1.75rem;font-weight:400;margin:0 0 1.5rem;color:#000}h3.svelte-1uha8ag{font-size:1.25rem;font-weight:400;margin:2rem 0 1rem;color:#000}code.svelte-1uha8ag{background-color:#0000000d;border:1px solid oklch(0% 0 0 / .05);padding:.25rem .5rem;border-radius:.25rem;color:#000000b3}.main-layout.svelte-1uha8ag{margin-bottom:7rem}.demo-column.svelte-1uha8ag{width:100%}.demo-section.svelte-1uha8ag{margin-bottom:7rem}.instruction.svelte-1uha8ag{font-size:1rem;margin:0 0 2rem;color:#000;opacity:.6}.demo-area.svelte-1uha8ag{min-height:400px;display:flex;align-items:center;justify-content:center;border:2px solid #000000;border-radius:4px;background:#fff;position:relative}.trigger-button.svelte-1uha8ag{font-family:Shantell Sans,cursive;padding:1rem 2rem;background:#000;color:#fff;border:2px solid #000000;border-radius:4px;font-size:1rem;cursor:grab;transition:all .15s ease;display:flex;align-items:center;gap:.5rem}.trigger-button.svelte-1uha8ag:active{cursor:grabbing;transform:scale(.98)}.trigger-button.svelte-1uha8ag:hover{background:#fff;color:#000}.drag-indicator.svelte-1uha8ag{font-size:1.2rem;opacity:.5;line-height:1}.trigger-button.svelte-1uha8ag:hover .drag-indicator:where(.svelte-1uha8ag){opacity:1}.popover-content{font-family:Shantell Sans,cursive;line-height:1.6;color:#000}.main-demo-popover-content.svelte-1uha8ag{max-width:300px;padding:1rem}.code-section.svelte-1uha8ag,.comparison-section.svelte-1uha8ag{margin-bottom:7rem}.comparison-table.svelte-1uha8ag{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:2px solid #000000;border-radius:4px;overflow:hidden}.table-row.svelte-1uha8ag{display:contents}.table-cell.svelte-1uha8ag{font-family:Shantell Sans,cursive;padding:1rem;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.table-cell.svelte-1uha8ag:nth-child(3n){border-right:none}.table-header.svelte-1uha8ag .table-cell:where(.svelte-1uha8ag){background:#000;color:#fff;font-weight:400;border-bottom:2px solid #000000}.table-row.svelte-1uha8ag:last-child .table-cell:where(.svelte-1uha8ag){border-bottom:none}.use-cases-section.svelte-1uha8ag{margin-bottom:7rem}.use-cases-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(260px,100%,300px),1fr));gap:2px;padding:2px;border-radius:4px;background:#0000000d;justify-content:flex-start}.install-section.svelte-1uha8ag{margin-bottom:7rem}.install-section.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:.5rem 0 1rem;color:#000}.highlight-editor{font-size:.75rem;overflow-x:auto;white-space:pre;border:2px solid oklch(0% 0 0 / .05);border-radius:4px;outline:none;box-shadow:none}.roadmap-section.svelte-1uha8ag{margin-bottom:7rem}.roadmap-list.svelte-1uha8ag{list-style:none;padding:0;margin:0}.roadmap-list.svelte-1uha8ag li:where(.svelte-1uha8ag){padding:.75rem 0;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:1rem}.roadmap-list.svelte-1uha8ag li:where(.svelte-1uha8ag):last-child{border-bottom:none}.status.svelte-1uha8ag{font-family:Shantell Sans,cursive;font-size:1.25rem;width:1.5rem;text-align:center}.status.done.svelte-1uha8ag{color:#2e7d32}.status.wip.svelte-1uha8ag{color:#f57c00}.status.planned.svelte-1uha8ag{color:#757575}.donate-section.svelte-1uha8ag{margin-bottom:7rem;padding:2rem;border:2px solid #2e7d32;border-radius:4px;background:#e8f5e8}.donate-content.svelte-1uha8ag{text-align:center;margin-bottom:1.5rem}.donate-content.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:.5rem}.donate-content.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.donation-calculator.svelte-1uha8ag{max-width:500px;margin:0 auto}.calc-row.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calc-row.svelte-1uha8ag label:where(.svelte-1uha8ag){font-family:Shantell Sans,cursive;font-weight:500}.calc-row.svelte-1uha8ag input:where(.svelte-1uha8ag){font-family:Shantell Sans Light,monospace;width:120px;padding:.5rem;border:2px solid #2e7d32;border-radius:4px;font-size:1rem;text-align:right}.calc-result.svelte-1uha8ag{font-family:Shantell Sans,cursive;margin:2rem 0 1.5rem;padding:1.5rem;background:#fff;border:2px solid #2e7d32;border-radius:4px;text-align:center;font-size:1.25rem;color:#2e7d32}.calc-result.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:2rem;display:block;margin-top:.5rem}.calc-note.svelte-1uha8ag{font-size:.875rem;opacity:.6;margin:.5rem 0 0}.donate-button.svelte-1uha8ag{font-family:Shantell Sans,cursive;display:inline-block;padding:1rem 2rem;background:#2e7d32;color:#fff;border:2px solid #2e7d32;border-radius:4px;font-size:1rem;text-align:center;text-decoration:none;transition:all .15s ease;width:100%;box-sizing:border-box}.donate-button.svelte-1uha8ag:hover{background:#fff;color:#2e7d32}.checkmark.svelte-1uha8ag{color:#2e7d32;font-weight:700}.credits-section.svelte-1uha8ag{margin-bottom:7rem}.credits-list.svelte-1uha8ag{list-style:none;padding:0;margin:0}.credits-list.svelte-1uha8ag li:where(.svelte-1uha8ag){font-family:Shantell Sans,cursive;padding:.75rem 0;border-bottom:1px solid #e5e5e5;line-height:1.6}.credits-list.svelte-1uha8ag li:where(.svelte-1uha8ag):last-child{border-bottom:none}.credits-list.svelte-1uha8ag a:where(.svelte-1uha8ag){font-family:Shantell Sans,cursive;color:#000;text-decoration:underline;transition:opacity .15s ease}.credits-list.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{opacity:.6}.settings-hud{font-family:Shantell Sans,cursive!important}.settings-hud input,.settings-hud select{font-family:Shantell Sans Light,monospace!important}