@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Micro+5&display=swap";svg.svelte-1d9qfu3{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}path.svelte-1d9qfu3{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(1px 2px 1.5px rgb(31 30 41 / 18%));vector-effect:non-scaling-stroke}.assets-header.svelte-qdw0w{width:min(100%,760px);margin:0 auto;text-align:center}.eyebrow.svelte-qdw0w{margin:0 0 var(--size-16);text-align:center}.subhead.svelte-qdw0w{max-width:620px;margin:0 auto;color:#5d6266;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.7;text-align:center}.assets-showcase.svelte-qdw0w{--assets-content-gap: clamp(2rem, 4vw, 3rem);margin-bottom:clamp(3rem,6vw,6rem)}.assets-grid.svelte-qdw0w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:var(--assets-content-gap);text-align:left}.asset-card.svelte-qdw0w{--asset-card-padding: clamp(1.5rem, 3vw, 2.5rem);display:flex;flex-direction:column;align-items:stretch;gap:var(--size-24);padding:var(--asset-card-padding);border-radius:var(--ui-radius);background:var(--color-background-tint);color:inherit;text-decoration:none;box-sizing:border-box}.asset-card.svelte-qdw0w h3:where(.svelte-qdw0w){margin:0;font-family:Geist Pixel Circle,Doto,sans-serif;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:500;letter-spacing:0;line-height:.95}.asset-card.svelte-qdw0w p:where(.svelte-qdw0w){max-width:22rem;margin:0;color:#5d6266;font-size:clamp(.95rem,1.1vw,1.05rem);font-weight:400;line-height:1.6}.planned-card.svelte-qdw0w{min-height:0}.snapline-card.svelte-qdw0w{gap:0;padding:0;overflow:hidden}.snapline-card.svelte-qdw0w .asset-copy:where(.svelte-qdw0w){padding:var(--asset-card-padding)}.drop-snap-card.svelte-qdw0w{position:relative;gap:0;padding:0;overflow:hidden}.drop-snap-card.svelte-qdw0w .asset-copy:where(.svelte-qdw0w){padding:var(--size-16) var(--asset-card-padding) var(--asset-card-padding)}.asset-copy.svelte-qdw0w{position:relative;z-index:5;min-width:0}.asset-card-header.svelte-qdw0w{display:flex;flex-direction:column;align-items:flex-start;gap:var(--size-12);margin-bottom:var(--size-16)}.learn-more-button.svelte-qdw0w{display:inline-flex;align-self:flex-start;margin-top:var(--size-24);color:#fff;font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none}.planned-button-placeholder.svelte-qdw0w{min-width:5.5rem;min-height:1.1rem}.asset-preview.svelte-qdw0w{position:relative;flex:1 1 auto;min-width:0;min-height:180px}.snapsort-asset-preview.svelte-qdw0w{min-height:360px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.snapsort-asset-preview.svelte-qdw0w:before{position:absolute;right:0;bottom:0;left:0;z-index:4;height:72px;background:linear-gradient(to top,var(--color-background-tint) 5%,color-mix(in srgb,var(--color-background-tint) 82%,transparent) 54%,transparent 100%);content:""}.snapsort-asset-preview.svelte-qdw0w:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;box-shadow:inset 0 0 var(--size-24) var(--size-12) var(--color-background-tint);content:"";pointer-events:none}.preview-kanban-panel.svelte-qdw0w{position:absolute;top:-384px;left:-50%;width:200%;min-height:720px;padding:var(--size-32);border-radius:var(--ui-radius);background:transparent;color:#292d2f;box-sizing:border-box;-webkit-user-select:none;user-select:none}.preview-kanban-board.svelte-qdw0w{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:var(--size-16);box-sizing:border-box}.preview-kanban-column.svelte-qdw0w{--card-radius: var(--size-32);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:.5rem;min-height:590px;padding:var(--size-16);box-sizing:border-box}.preview-card-layout.svelte-qdw0w{min-height:112px}.preview-task-card.svelte-qdw0w{width:100%;box-sizing:border-box}.preview-drop-target.svelte-qdw0w{width:100%;height:112px;border:2px dashed color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--color-primary) 7%,transparent);box-sizing:border-box}.preview-drag-card.svelte-qdw0w{position:absolute;top:456px;left:35%;z-index:3;width:31%;margin-bottom:0;padding:1.15rem 1.25rem;border-radius:10px;background:var(--color-background);box-shadow:0 16px 30px -12px #1f1e2947,0 6px 12px -5px #1f1e292e;box-sizing:border-box}.preview-drag-cursor.svelte-qdw0w{position:absolute;top:540px;left:62%;z-index:4;width:20px;height:30px;transform:rotate(-10deg)}.pending-preview.svelte-qdw0w{display:flex;align-items:center;justify-content:center;min-height:180px;border-radius:var(--size-8)}.pending-preview.svelte-qdw0w>span:where(.svelte-qdw0w){position:relative;z-index:1;color:#2024263d;font-family:Bitcount Grid Single,monospace;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1;text-align:center}.pending-plus-grid.svelte-qdw0w{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:36px;overflow:hidden;pointer-events:none;color:#00000014;font-family:Bitcount Grid Single,monospace;font-size:10px;font-weight:300;line-height:1;place-items:center;-webkit-user-select:none;user-select:none}.pending-plus-grid.svelte-qdw0w span:where(.svelte-qdw0w){margin:0;color:inherit}.snapline-preview.svelte-qdw0w{min-height:180px;overflow:hidden;border-radius:var(--size-8)}.snapline-preview.svelte-qdw0w:before{position:absolute;right:0;bottom:0;left:0;z-index:4;height:72px;background:linear-gradient(to top,var(--color-background-tint) 5%,color-mix(in srgb,var(--color-background-tint) 82%,transparent) 54%,transparent 100%);content:"";pointer-events:none}.snapline-node.svelte-qdw0w{position:absolute;width:62%;height:208px;box-sizing:border-box}.snapline-connection.svelte-qdw0w{position:absolute;top:116px;right:35%;bottom:92px;left:35%;z-index:1;overflow:visible;pointer-events:none}.snapline-node-bottom-left.svelte-qdw0w{bottom:-12px;left:-27%}.snapline-node-top-right.svelte-qdw0w{top:12px;right:-27%}.snapline-connector.svelte-qdw0w{position:absolute;top:50%;width:20px;height:20px;padding:0;background:var(--color-primary);transform:translateY(-50%)}.snapline-connector.svelte-qdw0w:after{border-width:1.5px}.snapline-connector-core.svelte-qdw0w{position:absolute;top:50%;left:50%;width:8px;height:8px;padding:0;background:var(--color-background);transform:translate(-50%,-50%)}.snapline-node-bottom-left.svelte-qdw0w .snapline-connector:where(.svelte-qdw0w){right:-10px}.snapline-node-top-right.svelte-qdw0w .snapline-connector:where(.svelte-qdw0w){left:-10px}@media(max-width:900px){.assets-grid.svelte-qdw0w{grid-template-columns:1fr}.asset-card.svelte-qdw0w{flex-direction:column;align-items:stretch;min-height:0}.asset-copy.svelte-qdw0w,.asset-preview.svelte-qdw0w{flex-basis:auto}.snapsort-asset-preview.svelte-qdw0w{min-height:330px}}.closing-cta.svelte-3f74cp{display:flex;flex-direction:column;align-items:center;gap:var(--size-24);margin-bottom:clamp(5rem,10vw,9rem);padding:clamp(var(--size-48),7vw,var(--size-80));border-radius:var(--ui-radius);background:var(--color-background-tint);text-align:center}.closing-cta.svelte-3f74cp p:where(.svelte-3f74cp){max-width:38rem;margin:0;color:var(--color-text-muted);font-size:var(--type-lead);line-height:var(--leading-body);text-wrap:pretty}.closing-cta-actions.svelte-3f74cp{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-12)}.closing-cta-action.svelte-3f74cp{text-decoration:none}@media(max-width:560px){.closing-cta.svelte-3f74cp{padding:var(--size-48) var(--size-24)}.closing-cta-actions.svelte-3f74cp,.closing-cta-action.svelte-3f74cp{width:100%}}#landing.svelte-11kctks{min-height:min(680px,100svh - 5rem);position:relative;border-radius:var(--size-12);background-color:var(--color-background-tint);margin:0 auto;container-type:inline-size;container-name:landing;overflow:hidden}.hero-layout.svelte-11kctks{width:100%;height:100%;display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:stretch;padding:clamp(var(--size-32),5vw,var(--size-64));box-sizing:border-box}@container landing (max-width: 900px){.hero-layout.svelte-11kctks{grid-template-columns:100%;grid-template-rows:min-content 1fr;gap:var(--size-32);padding:var(--size-48) 0}}.hero-text.svelte-11kctks{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding-left:clamp(0px,2vw,var(--size-24))}.hero-text.svelte-11kctks h1:where(.svelte-11kctks){max-width:10ch;margin:0 0 var(--size-20);font-family:var(--font-display);font-size:var(--type-page-title);line-height:var(--leading-display);text-wrap:balance}.hero-text.svelte-11kctks .hero-lede:where(.svelte-11kctks){max-width:33rem;color:var(--color-text-muted);font-size:var(--type-lead);line-height:var(--leading-body)}@container landing (max-width: 900px){.hero-text.svelte-11kctks{padding:0 10%;justify-content:center;align-items:center;text-align:center}.hero-text.svelte-11kctks .hero-actions:where(.svelte-11kctks){justify-content:center}}.hero-actions.svelte-11kctks{display:flex;flex-wrap:wrap;gap:var(--size-12);margin-top:var(--size-24)}.hero-action.svelte-11kctks{display:inline-flex;align-items:center;gap:var(--size-4);text-decoration:none}.hero-card.svelte-11kctks{width:440px;align-self:center;justify-self:end;box-sizing:border-box;padding:var(--size-24);position:relative}.hero-demo-caption.svelte-11kctks{margin:var(--size-16) auto 0;color:var(--color-text-subtle);font-size:var(--type-caption);font-weight:400;line-height:var(--leading-caption);text-align:center}.hero-synth-skeleton.svelte-11kctks{min-height:100%;pointer-events:none}.hero-skeleton-pad-grid.svelte-11kctks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hero-pad-gap);width:100%;height:100%}.hero-skeleton-pad-grid.svelte-11kctks .hero-synth-button:where(.svelte-11kctks){aspect-ratio:auto}.hero-card.svelte-11kctks #snap-canvas{width:100%;height:100%}.hero-synth-panel.svelte-11kctks{--hero-pad-gap: 4px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-sizing:border-box}.hero-button-bed.svelte-11kctks{--hero-pad-size: calc((100% - (var(--hero-pad-gap) * 3)) / 4);width:100%;aspect-ratio:1/1;position:relative;padding:var(--hero-pad-gap);border-radius:calc(var(--ui-radius) + 4px);background:#3c3f45;box-sizing:border-box}.hero-button-slots.svelte-11kctks{position:absolute;inset:var(--hero-pad-gap);z-index:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--hero-pad-gap);place-items:center;pointer-events:none}.hero-button-slot.svelte-11kctks{width:20%;height:20%;border-radius:calc(var(--ui-radius) * .5);background:#25282e;box-shadow:-6px -6px 8px #ffffff0f inset,2px 2px 6.1px -1px #00000080 inset,-1px -1px 1px #737c9024,1px 1px 1px #ffffff0f,8px 8px 20px -7px #00000073 inset}.hero-button-grid.svelte-11kctks{width:100%;height:100%;position:relative;z-index:1}.hero-button-grid.svelte-11kctks .snapsort-container{width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:var(--hero-pad-gap)}.hero-button-grid.svelte-11kctks .hero-synth-item{width:var(--hero-pad-size);height:var(--hero-pad-size);min-width:0;min-height:0;padding:0;touch-action:none}.hero-synth-button.svelte-11kctks{--button-color: #fff;--button-dot-color: rgba(1, 11, 38, .32);--button-highlight-color: hsl(from var(--button-color) calc(h + 10) s calc(l + 20) );--button-shadow-color: hsl(from var(--button-color) calc(h - 10) s calc(l - 20) );width:100%;height:100%;min-width:0;min-height:0;padding:0;border:none;border-radius:var(--ui-radius);background:var(--button-color);color:var(--color-text);cursor:pointer;font-family:Lato,sans-serif;font-size:1rem;user-select:none;-webkit-user-select:none;position:relative;display:grid;place-items:center;box-shadow:0 0 1px .5px #010b2628 inset,1px 1px 1px .5px hsl(from var(--button-highlight-color) h s l/.7) inset,-.5px -.5px .5px .5px hsl(from var(--button-shadow-color) h s l/.5) inset,2.5px 2.5px 3px -2px #0d22446e,5px 5px 6px -3px #061d3959}.hero-synth-button-bump.svelte-11kctks{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:calc(var(--ui-radius) - 1px);background:var(--button-color);position:relative;box-shadow:1.75px 2px 2.25px -1.25px #20242542,.75px .75px .75px hsl(from var(--button-highlight-color) h s l/.42) inset,-.4px -.4px .65px hsl(from var(--button-shadow-color) h s l/.28) inset}.hero-synth-button-bump.svelte-11kctks:after{content:"";position:absolute;top:.4px;left:.4px;width:calc(100% - .8px);height:calc(100% - .8px);border-radius:calc(var(--ui-radius) - 1.4px);box-sizing:border-box;border:.7px solid rgb(255,255,255);-webkit-mask-image:linear-gradient(to bottom right,#000000b8,#0000007a 12%,#00000040 28%,#0000 48%);mask-image:linear-gradient(to bottom right,#000000b8,#0000007a 12%,#00000040 28%,#0000 48%);filter:blur(.15px)}.hero-synth-button-indent.svelte-11kctks{width:72%;aspect-ratio:1/1;border-radius:999px;background:radial-gradient(circle at 118% 118%,color-mix(in srgb,var(--button-color) 78%,#f0e8d4 22%) 0%,var(--button-color) 44%,color-mix(in srgb,var(--button-color) 92%,#2f2634 8%) 100%);box-shadow:1px 1px 1.5px #1f122624 inset,-.75px -.75px 1px #f2ead252 inset,0 0 0 .5px #010b2614;filter:blur(1px)}.hero-synth-button.pad-gray.svelte-11kctks{--button-color: #d8dde3}.hero-synth-button.pad-primary.svelte-11kctks{--button-color: var(--color-primary);--button-dot-color: rgba(255, 255, 255, .34);color:#fff}.hero-synth-button.pad-primary.svelte-11kctks .hero-synth-button-bump:where(.svelte-11kctks){--button-color: #d8dde3}.hero-synth-button.svelte-11kctks:before{content:"";position:absolute;top:8px;left:8px;z-index:2;width:12px;height:7px;background-image:radial-gradient(circle,var(--button-dot-color) 1px,transparent 1.15px);background-size:4px 4px;background-position:0 0;pointer-events:none}.hero-synth-button.svelte-11kctks:after{content:"";position:absolute;top:.5px;left:.5px;width:calc(100% - 1px);height:calc(100% - 1px);border-radius:calc(var(--ui-radius) - .5px);box-sizing:border-box;border-style:inset;border:1.5px solid rgb(255,255,255);-webkit-mask-image:linear-gradient(to bottom right,#000000e6,#000c 8%,#0009 10%,#00000080 25%,#0000 50%);mask-image:linear-gradient(to bottom right,#000000e6,#000c 8%,#0009 10%,#00000080 25%,#0000 50%);filter:blur(.2px);pointer-events:none}.hero-synth-button.svelte-11kctks:hover{cursor:move;box-shadow:0 0 1px .5px #010b2628 inset,1px 1px 1px .5px hsl(from var(--button-highlight-color) h s l/.7) inset,-.5px -.5px .5px .5px hsl(from var(--button-shadow-color) h s l/.5) inset,2px 2px 3px -2px #0d22446e,4px 4px 6px -3px #061d3959}.hero-synth-button.is-active.svelte-11kctks{transform:scale(.97);filter:saturate(1.08)}@container landing (max-width: 900px){#landing.svelte-11kctks{height:auto;min-height:0}.hero-layout.svelte-11kctks{grid-template-columns:100%;grid-template-rows:min-content 1fr;gap:var(--size-32);padding:var(--size-48) 0;align-items:start}.hero-text.svelte-11kctks h1:where(.svelte-11kctks){text-align:center}.hero-card.svelte-11kctks{width:min(440px,100% - var(--size-32));justify-self:center}}@media(max-width:420px){.hero-actions.svelte-11kctks{width:100%}.hero-action.svelte-11kctks{width:100%;justify-content:center}}.card-docs-link.svelte-1thq2rv{display:inline-flex;align-items:center;gap:var(--size-4);margin-top:var(--size-16);color:var(--color-primary);font-size:.95rem;text-decoration:none}.card-docs-link.svelte-1thq2rv:hover .card-docs-link-icon:where(.svelte-1thq2rv){transform:translate(2px)}.card-docs-link-icon.svelte-1thq2rv{font-size:1.05rem;transition:transform .16s ease}@media(prefers-reduced-motion:reduce){.card-docs-link-icon.svelte-1thq2rv{transition:none}}.input-handling-card.svelte-11f1qjf{--card-padding: var(--size-48);--card-top-padding: var(--card-padding);container-type:inline-size;container-name:input-handling-card;min-height:520px;height:100%;overflow:hidden;box-sizing:border-box;background:var(--color-background-tint);border-radius:var(--ui-radius)}@media(max-width:720px){.input-handling-card.svelte-11f1qjf{--card-padding: var(--size-24);--card-top-padding: var(--highlight-card-mobile-top-padding);grid-column:span 2}}.input-card-layout.svelte-11f1qjf{width:100%;min-height:inherit;height:100%;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:stretch;gap:var(--size-32);box-sizing:border-box}@container input-handling-card (max-width: 400px){.input-card-layout.svelte-11f1qjf{display:flex;flex-direction:column}}.input-card-heading.svelte-11f1qjf{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size-16);padding:var(--card-top-padding) 0 var(--card-padding) var(--card-padding);min-width:0}.input-card-heading.svelte-11f1qjf h3:where(.svelte-11f1qjf){width:min(100%,min-content);margin:0;font-family:Geist Pixel Circle,Doto,sans-serif;font-size:var(--highlight-card-heading-size);line-height:.88}.input-card-heading.svelte-11f1qjf p:where(.svelte-11f1qjf){margin:0;max-width:18rem}@container input-handling-card (max-width: 400px){.input-card-heading.svelte-11f1qjf{justify-content:flex-start;gap:var(--size-12);padding:var(--card-top-padding) var(--card-padding) 0 var(--card-padding)}.input-card-heading.svelte-11f1qjf>:where(.svelte-11f1qjf){grid-column:auto}}.input-card-body.svelte-11f1qjf{min-width:0;min-height:360px;margin:var(--card-padding) var(--card-padding) var(--card-padding) 0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--size-24);padding:var(--size-24);box-sizing:border-box}@container input-handling-card (max-width: 400px){.input-card-body.svelte-11f1qjf{margin:0 var(--card-padding) var(--card-padding) var(--card-padding)}}.tap-display.svelte-11f1qjf{width:100%;display:grid;grid-template-columns:1fr;gap:0;padding:var(--size-16) var(--size-12);box-sizing:border-box;border-radius:var(--ui-radius);overflow:hidden}.display-row.svelte-11f1qjf{min-width:0;display:grid;grid-template-columns:10px max-content minmax(20px,max-content) minmax(7ch,1fr);align-items:center;gap:6px;min-height:13px;color:inherit;letter-spacing:0}.tap-display.glyph-panel-hidden.svelte-11f1qjf .display-row:where(.svelte-11f1qjf){grid-template-columns:10px max-content minmax(20px,max-content)}.display-bullet.svelte-11f1qjf{width:10px;justify-self:center;overflow:hidden;font-family:Bitcount Grid Single,monospace!important;font-size:10px;line-height:13px;color:#4b4b4b;opacity:.72;text-align:center;white-space:pre}.display-row.is-active.svelte-11f1qjf .display-bullet:where(.svelte-11f1qjf){font-size:12px;color:inherit;opacity:1}.display-value.svelte-11f1qjf{min-width:0;overflow:visible;font-family:Bitcount Grid Single,monospace!important;font-optical-sizing:auto;font-style:normal;font-size:12px;font-weight:300;line-height:13px;color:inherit;letter-spacing:0;margin:0;white-space:nowrap;text-overflow:clip}.display-arrow.svelte-11f1qjf{min-width:20px;overflow:hidden;font-family:Bitcount Grid Single,monospace!important;font-size:12px;line-height:13px;color:inherit;letter-spacing:0;margin:0;white-space:nowrap}.ascii-box-row.svelte-11f1qjf{display:inline-block;justify-self:end;overflow:hidden;font-family:Bitcount Grid Single,monospace!important;font-size:12px;line-height:13px;color:inherit;letter-spacing:0;margin:0;white-space:pre}.tap-surface.svelte-11f1qjf{width:100%;flex:1;min-height:180px;position:relative;overflow:hidden;touch-action:none;isolation:isolate;box-sizing:border-box;border-radius:var(--ui-radius);border:1px solid rgba(0,0,0,.14);background-color:var(--color-background-tint)}.tap-hint.svelte-11f1qjf{position:absolute;top:50%;left:50%;z-index:3;margin:0;transform:translate(-50%,-50%);background:none;border:0;padding:0;color:var(--color-primary);font-family:Bitcount Single,Geist Mono,monospace;font-size:clamp(.62rem,1.5cqw,.82rem);font-weight:500;line-height:1.15;letter-spacing:0;white-space:pre;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none}.touch-plus-grid.svelte-11f1qjf{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:36px;overflow:hidden;pointer-events:none;color:#00000014;font-family:Bitcount Grid Single,monospace;font-size:10px;font-weight:300;line-height:1;place-items:center;-webkit-user-select:none;user-select:none}.touch-plus-grid.svelte-11f1qjf span:where(.svelte-11f1qjf){color:inherit;margin:0}.gesture-lines.svelte-11f1qjf{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.drag-line.svelte-11f1qjf,.pinch-line.svelte-11f1qjf{vector-effect:non-scaling-stroke;stroke-linecap:round}.drag-line.svelte-11f1qjf{stroke:#ff753ae0;stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,117,58,.48))}.pinch-line.svelte-11f1qjf{stroke:#ff1f1fcc;stroke-width:2.5;stroke-dasharray:5 4;filter:drop-shadow(0 0 5px rgba(255,31,31,.45))}.gesture-pin.svelte-11f1qjf{position:absolute;z-index:2;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.start-pin.svelte-11f1qjf{background:var(--color-primary);box-shadow:0 0 0 5px #ff753a1f,0 0 12px #ff753a5c}.active-pin.svelte-11f1qjf{background:var(--color-primary);box-shadow:0 0 0 6px #ff753a29,0 0 14px #ff753a6b}.animation-card.svelte-1wup8kq{--card-padding: var(--size-48);--card-top-padding: var(--card-padding);container-type:inline-size;container-name:animation-card;height:100%;box-sizing:border-box;background:var(--color-background-tint);border-radius:var(--ui-radius);overflow:hidden}@media(max-width:720px){.animation-card.svelte-1wup8kq{--card-padding: var(--size-24);--card-top-padding: var(--highlight-card-mobile-top-padding);grid-column:span 2}}.animation-card-layout.svelte-1wup8kq{width:100%;min-height:inherit;height:100%;display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,.4fr);grid-template-areas:"visual heading";align-items:stretch;gap:var(--size-80);box-sizing:border-box}@container animation-card (max-width: 400px){.animation-card-layout.svelte-1wup8kq{display:flex;flex-direction:column;gap:var(--size-48)}}.animation-card-heading.svelte-1wup8kq{grid-area:heading;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size-16);min-width:0}.animation-card-heading.svelte-1wup8kq h3:where(.svelte-1wup8kq){width:min(100%,min-content);margin-bottom:0;font-family:Geist Pixel Circle,Doto,sans-serif;font-size:var(--highlight-card-heading-size);line-height:.88}.animation-card-heading.svelte-1wup8kq p:where(.svelte-1wup8kq){margin:0;max-width:18rem}@container animation-card (max-width: 400px){.animation-card-heading.svelte-1wup8kq{justify-content:flex-start;gap:var(--size-12);padding:0 var(--card-padding) var(--card-padding) var(--card-padding)}}.animation-card-body.svelte-1wup8kq{grid-area:visual;min-width:0;margin:var(--card-top-padding) 0 var(--card-padding) var(--card-padding)}@container animation-card (max-width: 400px){.animation-card-body.svelte-1wup8kq{margin:var(--card-top-padding) var(--card-padding) 0 var(--card-padding)}}.animation-demo.svelte-1wup8kq{display:flex;flex-direction:column;gap:0;height:100%;width:100%}.preview-area.svelte-1wup8kq{position:relative;flex:1;border-radius:0 0 var(--ui-radius) var(--ui-radius);border:1px solid #d8dde0;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-tint);min-height:clamp(220px,26vw,380px);isolation:isolate}@media(max-width:720px){.preview-area.svelte-1wup8kq{min-height:180px}}.preview-plus-grid.svelte-1wup8kq{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:36px;overflow:hidden;pointer-events:none;color:#00000014;font-family:Bitcount Grid Single,monospace;font-size:10px;font-weight:300;line-height:1;place-items:center;-webkit-user-select:none;user-select:none}.preview-plus-grid.svelte-1wup8kq span:where(.svelte-1wup8kq){color:inherit;margin:0}.preview-value-grid.svelte-1wup8kq{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--value-cols, 1),minmax(0,1fr));place-items:center;width:100%;box-sizing:border-box}.preview-value-grid.is-grid.svelte-1wup8kq{gap:clamp(.5rem,1.4vw,1.5rem);padding:clamp(1rem,3vw,2.75rem)}.animated-value.svelte-1wup8kq{min-width:2.2ch;display:inline-flex;align-items:center;justify-content:center;color:#111;font-family:Bitcount Grid Single,monospace;font-size:56px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0;rotate:0deg;scale:1}.preview-value-grid.is-grid.svelte-1wup8kq .animated-value:where(.svelte-1wup8kq){min-width:3ch;font-size:clamp(1.25rem,2.4vw,2.25rem)}.value-readout.svelte-1wup8kq{color:#111}.timeline.svelte-1wup8kq{height:auto;box-sizing:border-box;padding:1rem}.timeline.grid-layout.svelte-1wup8kq{display:block}.animation-skeleton.svelte-1wup8kq{min-height:24rem}.animation-skeleton.svelte-1wup8kq .timeline:where(.svelte-1wup8kq){display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.55rem .75rem}.animation-skeleton.svelte-1wup8kq span:where(.svelte-1wup8kq){display:block;height:.8rem;border-radius:999px;background:#1f1e2914}.animation-skeleton-wide.svelte-1wup8kq{height:1.2rem!important}.timeline-content.svelte-1wup8kq{--timeline-label-width: 100px;display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:.4rem;column-gap:.6rem;align-items:center}.timeline-label.svelte-1wup8kq{font-size:.7rem;text-transform:uppercase;color:#2f1f1a8c}.timeline-slider.svelte-1wup8kq{position:relative;margin:0 8px;box-sizing:border-box}.timeline-slider.svelte-1wup8kq input[type=range]:where(.svelte-1wup8kq){width:100%;margin:0;box-sizing:border-box}.timeline-slider.svelte-1wup8kq .playhead:where(.svelte-1wup8kq){position:absolute;top:100%;width:2px;border-radius:1px;height:100px;background:#ff602b;transform:translate(-50%);pointer-events:none;box-shadow:4px 4px 4px #1c262c27;z-index:0}.timeline-placeholder.svelte-1wup8kq{height:1px;width:100%}.timeline-header.svelte-1wup8kq{display:flex;color:#2f1f1a8c;justify-content:space-between;margin:0 8px}.timeline-header.svelte-1wup8kq span:where(.svelte-1wup8kq){font-size:.7rem}.timeline-header.svelte-1wup8kq span:where(.svelte-1wup8kq){text-align:right}.track-meta.svelte-1wup8kq{display:flex;flex-direction:column;gap:.15rem;color:#2f1f1ae6}.track-label.svelte-1wup8kq{font-family:Bitcount Grid Single,monospace;font-size:.8rem;font-weight:300}.track-lane.svelte-1wup8kq{--keyframe-size: 14px;--specular-angle: 130deg;--track-line-color: #aeb6ba;--keyframe-color: #aeb6ba;position:relative;z-index:1;height:20px;border:none;margin:0 8px;overflow:visible}.track-line.svelte-1wup8kq{position:absolute;top:50%;height:2px;border-radius:999px;transform:translateY(-50%);background-color:var(--track-line-color);box-shadow:none;pointer-events:none;z-index:0}.keyframe-point.svelte-1wup8kq{position:absolute;z-index:2;top:50%;width:var(--keyframe-size);height:var(--keyframe-size);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(hsl(from var(--keyframe-color) h calc(s + 5) calc(l + 15)),hsl(from var(--keyframe-color) h s calc(l + 10)) 50%,hsl(from var(--keyframe-color) h s l/0) 58%,hsl(from var(--keyframe-color) h s l/0),hsl(from var(--keyframe-color) h s calc(l - 5) /.4) 72%),conic-gradient(from var(--specular-angle) at center,hsl(from var(--keyframe-color) h calc(s + 20) calc(l + 5) /.1) 43%,#fff 57%,hsl(from var(--keyframe-color) h calc(s + 20) calc(l + 5) /.1) 70%),conic-gradient(from 120deg at center,hsl(from var(--keyframe-color) h calc(s - 5) calc(l - 10)),hsl(from var(--keyframe-color) calc(h + 10) calc(s + 10) calc(l + 20)),hsl(from var(--keyframe-color) h calc(s - 5) calc(l - 10)));box-shadow:2px 2px 2px #040e3018,4px 4px 4px -3px #07143524,6px 6px 6px -4px #0615286c;pointer-events:none}.playback-toggle.svelte-1wup8kq{border:none;border-radius:999px;padding:.4rem 1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--card-accent);color:#fffaf6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.playback-toggle.svelte-1wup8kq:hover{transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--card-accent) 35%,rgba(0,0,0,.22))}.playback-toggle.svelte-1wup8kq:active{transform:translateY(0);box-shadow:none}.camera-control-card.svelte-nha340{--card-padding: var(--size-48);--card-top-padding: var(--card-padding);position:relative;display:flex;flex-direction:column;gap:var(--size-32);min-height:520px;height:auto;box-sizing:border-box;background:var(--color-background-tint);border-radius:var(--ui-radius);overflow:hidden;isolation:isolate;overscroll-behavior:auto;touch-action:pan-y}@media(max-width:720px){.camera-control-card.svelte-nha340{--card-padding: var(--size-24);--card-top-padding: var(--highlight-card-mobile-top-padding);grid-column:span 2}}.camera-viewport.svelte-nha340{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab;overscroll-behavior:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}.camera-viewport.svelte-nha340:active{cursor:grabbing}.camera-viewport.svelte-nha340 .snap-engine-canvas{width:100%;height:100%;background:transparent;overscroll-behavior:auto;touch-action:inherit;user-select:inherit;-webkit-user-select:inherit}.camera-viewport.svelte-nha340 #snap-camera-control{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;background:transparent;overscroll-behavior:auto;touch-action:inherit;transform-origin:0 0;user-select:inherit;-webkit-user-select:inherit}.camera-scene.svelte-nha340{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:visible}.camera-skeleton.svelte-nha340{overflow:hidden;background:color-mix(in srgb,var(--color-background-tint) 92%,#000 4%)}.camera-topo-canvas.svelte-nha340{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.camera-card-heading.svelte-nha340{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--size-12);padding:var(--card-top-padding) var(--card-padding) var(--card-padding);box-sizing:border-box;text-align:center;max-width:400px}.camera-card-heading.svelte-nha340 h3:where(.svelte-nha340){margin:0;font-family:Geist Pixel Circle,Doto,sans-serif;font-size:var(--highlight-card-heading-size);line-height:.88}.camera-card-heading.svelte-nha340 p:where(.svelte-nha340){margin:0}@media(max-width:720px){.camera-card-heading.svelte-nha340{gap:var(--size-12)}}.camera-hint.svelte-nha340{--notch-fillet: var(--size-16);position:absolute;left:50%;bottom:0;z-index:2;margin:0;transform:translate(-50%);width:max-content;max-width:calc(100% - (var(--notch-fillet) + var(--card-padding)) * 2);padding:var(--size-8) var(--size-24);box-sizing:border-box;background:var(--color-background);border-radius:var(--ui-radius) var(--ui-radius) 0 0;display:flex;align-items:center;gap:var(--size-8);text-align:center;font-size:.82rem;color:color-mix(in srgb,var(--color-text) 62%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.camera-hint-led.svelte-nha340{position:relative;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#14161a;animation:svelte-nha340-camera-hint-led-blink 1.6s steps(1,end) infinite}.camera-hint-led.svelte-nha340:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 60%,transparent) 0%,transparent 70%);opacity:0;animation:svelte-nha340-camera-hint-led-glow 1.6s steps(1,end) infinite}@keyframes svelte-nha340-camera-hint-led-blink{0%,55%{background:var(--color-primary)}56%,to{background:#14161a}}@keyframes svelte-nha340-camera-hint-led-glow{0%,55%{opacity:1}56%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.camera-hint-led.svelte-nha340{animation:none;background:var(--color-primary)}.camera-hint-led.svelte-nha340:after{animation:none;opacity:1}}.camera-hint.svelte-nha340:before,.camera-hint.svelte-nha340:after{content:"";position:absolute;bottom:0;width:var(--notch-fillet);height:var(--notch-fillet)}.camera-hint.svelte-nha340:before{left:calc(-1 * var(--notch-fillet));background:radial-gradient(circle at top left,transparent var(--notch-fillet),var(--color-background) calc(var(--notch-fillet) + .5px))}.camera-hint.svelte-nha340:after{right:calc(-1 * var(--notch-fillet));background:radial-gradient(circle at top right,transparent var(--notch-fillet),var(--color-background) calc(var(--notch-fillet) + .5px))}.camera-hint-touch.svelte-nha340{display:none}@media(hover:none)and (pointer:coarse){.camera-hint-pointer.svelte-nha340{display:none}.camera-hint-touch.svelte-nha340{display:inline}}.dom-optimization-card.svelte-1n59923{--card-padding: 40px;--card-top-padding: var(--card-padding);container-type:inline-size;container-name:dom-optimization-card;position:relative;height:100%;min-height:0;box-sizing:border-box;padding:0;background:var(--color-background-tint);border-radius:var(--ui-radius);overflow:hidden}@media(max-width:720px){.dom-optimization-card.svelte-1n59923{--card-padding: var(--size-24);--card-top-padding: var(--highlight-card-mobile-top-padding);grid-column:span 2}}.dom-optimization-layout.svelte-1n59923{position:relative;display:flex;flex-direction:column;gap:var(--size-32);width:100%;height:100%;box-sizing:border-box}@container dom-optimization-card (max-width: 400px){.dom-optimization-layout.svelte-1n59923{gap:var(--size-24)}}.dom-optimization-heading.svelte-1n59923{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--size-16);padding:var(--card-top-padding) var(--card-padding) 0;min-width:0;text-align:center}.dom-optimization-heading.svelte-1n59923 h3:where(.svelte-1n59923){max-width:100%;margin:0;font-family:var(--font-display);font-size:var(--highlight-card-heading-size);line-height:.9}.dom-optimization-heading.svelte-1n59923 p:where(.svelte-1n59923){margin:0;max-width:500px}@container dom-optimization-card (max-width: 400px){.dom-optimization-heading.svelte-1n59923{gap:var(--size-12)}}.optimize-control.svelte-1n59923{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-shadow:none;padding:0;text-align:inherit;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--size-12);width:100%;min-width:0;color:#202426;cursor:pointer}.optimize-control.svelte-1n59923:hover:not(:disabled):not(.active){color:#202426;box-shadow:none;text-shadow:none}.optimize-control.svelte-1n59923:active{box-shadow:none;transform:none}.optimize-control.svelte-1n59923{font-family:Bitcount Grid Single,monospace;font-size:.92rem;font-weight:450;line-height:1;-webkit-user-select:none;user-select:none}.optimize-control.svelte-1n59923:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.optimize-label.svelte-1n59923{display:inline-flex;align-items:center;min-width:0;font-family:Bitcount Grid Single,monospace;font-optical-sizing:auto;font-style:normal;letter-spacing:0;text-transform:lowercase}.optimize-label-icon.svelte-1n59923{display:inline-block;font-family:Material Symbols Outlined;font-size:1.15rem;font-style:normal;font-weight:500;line-height:1;color:#000c;transition:color .18s ease,filter .18s ease;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.optimize-label.is-active.svelte-1n59923 .optimize-label-icon:where(.svelte-1n59923){color:var(--color-primary);filter:drop-shadow(0 0 6px rgba(255,117,58,.58))}.optimize-label-left.svelte-1n59923{justify-content:flex-end;text-align:right}.optimize-label-right.svelte-1n59923{justify-content:flex-start;text-align:left}.mini-toggle-switch.svelte-1n59923{position:relative;width:36px;height:22px;flex:0 0 auto;border-radius:999px;--ui-radius: 999px;cursor:pointer;overflow:hidden;transition:background-color .3s ease}.mini-toggle-switch.svelte-1n59923:hover{background-color:#00000014}.mini-toggle-switch.enabled.svelte-1n59923{background-color:var(--color-primary)}.mini-toggle-knob.svelte-1n59923{position:absolute;top:3px;left:3px;width:16px;height:16px;padding:0;--ui-radius: 999px;--card-color: rgb(29, 29, 29);background-color:var(--color-primary);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease}.mini-toggle-switch.enabled.svelte-1n59923 .mini-toggle-knob:where(.svelte-1n59923){transform:translate(14px);background-color:#fff}.dom-optimization-column.svelte-1n59923{display:flex;flex-direction:column;gap:var(--size-12);min-width:0;width:min(700px,100% - var(--card-padding) * 2);margin:0 auto var(--card-padding)}.dom-optimization-body.svelte-1n59923{container-type:inline-size;container-name:dom-optimization-visual;position:relative;box-sizing:border-box;min-width:0;padding:var(--size-16);min-height:28.5rem;overflow:hidden;display:flex;flex-direction:column;gap:var(--size-16)}@media(min-width:900px){.dom-optimization-body.svelte-1n59923{min-height:15rem}}.dom-optimization-body.svelte-1n59923 .snap-engine-canvas{width:100%;flex:1;min-height:0;background:transparent;display:flex;align-items:center;justify-content:center;pointer-events:none}.sr-only.svelte-1n59923{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dom-profiler.svelte-1n59923{--total: 18.1;--row-h: 27px;--block-gap: 3px;--flame-gridline: rgba(51, 54, 55, .08);--flame-task: #eef0f1;--flame-task-border: #d8dde0;--flame-read: #e3e7e9;--flame-write: #cfd5d8;--flame-layout: #e5301f;--flame-ink: #4b5155;flex-direction:column;gap:var(--size-16);width:100%}.dom-profiler-measure.svelte-1n59923{position:relative;height:30px}.dom-profiler-measure-line.svelte-1n59923{position:absolute;left:0;bottom:3px;width:calc(var(--dur) / var(--total) * 100% - var(--block-gap));height:1px;background:#33363759}.dom-profiler-measure-line.svelte-1n59923:before,.dom-profiler-measure-line.svelte-1n59923:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:#33363773}.dom-profiler-measure-line.svelte-1n59923:before{left:0}.dom-profiler-measure-line.svelte-1n59923:after{right:0}.dom-profiler-measure-value.svelte-1n59923{position:absolute;bottom:7px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Bitcount Grid Single,monospace;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--flame-layout)}.dom-profiler-measure-value.is-win.svelte-1n59923{color:var(--color-primary)}.dom-profiler-lane.svelte-1n59923{position:relative;height:calc(3 * var(--row-h));min-width:0}.dom-profiler-grid.svelte-1n59923{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to right,var(--flame-gridline) 0 1px,transparent 1px 25%)}.dom-profiler-budget.svelte-1n59923{position:absolute;top:0;bottom:0;left:calc(16.7 / var(--total) * 100%);z-index:2;border-left:1px dashed rgba(217,58,46,.45);pointer-events:none}.dom-profiler-block.svelte-1n59923{position:absolute;left:calc(var(--start) / var(--total) * 100%);width:max(3px,var(--dur) / var(--total) * 100% - var(--block-gap));top:calc(var(--depth) * var(--row-h));height:calc(var(--row-h) - var(--block-gap));z-index:1;overflow:hidden;border-radius:2px;box-shadow:inset 0 1px #ffffff73;transform-origin:left center;background:var(--flame-read);color:var(--flame-ink);font-family:Bitcount Grid Single,monospace}.dom-profiler-block.is-task.svelte-1n59923{background:var(--flame-task);border:1px solid var(--flame-task-border)}.dom-profiler-block.is-write.svelte-1n59923{background:var(--flame-write)}.dom-profiler-block.is-layout.svelte-1n59923{background:var(--flame-layout);color:#fff}.dom-profiler-block.is-overbudget.svelte-1n59923:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(217,58,46,.26) 0 3px,transparent 3px 6px)}.dom-profiler-block.is-overbudget.svelte-1n59923:before{content:"";position:absolute;top:0;right:0;z-index:2;border-top:9px solid var(--flame-layout);border-left:9px solid transparent}.dom-profiler-label.svelte-1n59923{position:absolute;left:calc(var(--start) / var(--total) * 100%);top:calc(var(--depth) * var(--row-h));width:max(3px,var(--dur) / var(--total) * 100% - var(--block-gap));height:calc(var(--row-h) - var(--block-gap));z-index:2;box-sizing:border-box;overflow:hidden;padding-inline:6px;color:var(--flame-ink);font-family:Bitcount Grid Single,monospace;font-size:.8rem;line-height:calc(var(--row-h) - var(--block-gap));text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform-origin:left center}.dom-profiler-label.is-layout.svelte-1n59923{color:#fff}.dom-profiler.svelte-1n59923:not(.is-armed) .dom-profiler-block:where(.svelte-1n59923){opacity:0;transform:scaleX(0)}.dom-profiler.svelte-1n59923:not(.is-armed) .dom-profiler-label:where(.svelte-1n59923){opacity:0}.dom-profiler.svelte-1n59923:not(.is-armed) .dom-profiler-measure:where(.svelte-1n59923){opacity:0}.dom-optimization-disclaimer.svelte-1n59923{margin:0;font-size:.68rem;line-height:1.3;color:#33363780;text-align:center;text-wrap:balance}.dom-profiler-skeleton.svelte-1n59923 .dom-profiler-lane:where(.svelte-1n59923){background:#33363708}.operation-stack.svelte-1n59923{position:relative;display:flex;flex-direction:column;gap:.2rem;width:100%;justify-content:center}.operation-stack.optimized.svelte-1n59923{gap:var(--size-8)}.dom-optimization-skeleton.svelte-1n59923{opacity:.72}.operation-pill.svelte-1n59923{--operation-pulse: 0;position:relative;display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.32rem .5rem;border-radius:var(--size-4);background:linear-gradient(90deg,rgba(255,255,255,calc(.5 + var(--operation-pulse) * .32)),#ffffff8c);border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 calc(var(--operation-pulse) * 3px) #ffffff59;transform-origin:center;will-change:opacity,transform}.operation-pill.read.svelte-1n59923,.operation-pill.write.svelte-1n59923{flex-direction:row;align-items:center;gap:var(--size-8);padding:.22rem .45rem}.operation-pill.reflow.svelte-1n59923{background:var(--color-secondary-1);border-color:transparent;box-shadow:none}.operation-pill.svelte-1n59923 span:where(.svelte-1n59923){font-family:Bitcount Grid Single,monospace;font-size:.58rem;line-height:1;text-transform:uppercase}.operation-pill.read.svelte-1n59923 span:where(.svelte-1n59923),.operation-pill.write.svelte-1n59923 span:where(.svelte-1n59923){display:inline-flex;width:.9rem;height:.9rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:var(--size-4);background:#ffffffad;font-size:.58rem}.operation-pill.svelte-1n59923 strong:where(.svelte-1n59923){min-width:0;overflow:hidden;color:#222628;font-family:Bitcount Grid Single,monospace;font-optical-sizing:auto;font-size:clamp(.54rem,1.2vw,.64rem);font-style:normal;font-weight:360;letter-spacing:0;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.operation-pill.read.svelte-1n59923 span:where(.svelte-1n59923){color:var(--color-text-muted)}.operation-pill.write.svelte-1n59923 span:where(.svelte-1n59923){color:var(--color-action)}.operation-pill.reflow.svelte-1n59923 span:where(.svelte-1n59923),.operation-pill.reflow.svelte-1n59923 strong:where(.svelte-1n59923){color:#fff}.dom-profiler.svelte-1n59923{display:none}@media(min-width:900px){.operation-stack.svelte-1n59923{display:none}.dom-profiler.svelte-1n59923{display:flex}}.collision-card.svelte-172tbjk{--card-padding: var(--size-48);--card-top-padding: var(--card-padding);--dot-gap: 0px;--dot-title-scale: .7;--force-field-duration: 4.2s;--force-field-inner: .22;--title-description-gap: 36px;min-height:520px;height:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;background-color:var(--color-background-tint);border-radius:var(--ui-radius);overflow:hidden;text-align:center}.collision-card.svelte-172tbjk .snap-engine-canvas{width:100%;height:auto!important;min-height:inherit;flex:1 1 auto}@media(max-width:720px){.collision-card.svelte-172tbjk{--card-padding: var(--size-24);--card-top-padding: var(--highlight-card-mobile-top-padding);--title-description-gap: 30px;padding-block:var(--card-top-padding) 0;grid-column:span 2}}.collision-stage.svelte-172tbjk{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden}.collision-skeleton.svelte-172tbjk .dot-cell:where(.svelte-172tbjk){opacity:.16}.collision-content.svelte-172tbjk{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--title-description-gap);pointer-events:none}.dot-title.svelte-172tbjk{width:calc(min(75%,100% - var(--size-32) * 2) * var(--dot-title-scale));aspect-ratio:var(--dot-columns)/var(--dot-rows);display:grid;grid-template-columns:repeat(var(--dot-columns),minmax(0,1fr));grid-template-rows:repeat(var(--dot-rows),minmax(0,1fr));gap:var(--dot-gap)}.dot-cell.svelte-172tbjk{--dot-heat: 0;--dot-blend: 0;--dot-overlap-color: #ff0a3d;align-self:center;justify-self:center;width:100%;height:100%;border-radius:50%;background:color-mix(in srgb,color-mix(in srgb,var(--dot-overlap-color) calc(var(--dot-blend) * 100%),var(--color-primary)) calc(var(--dot-heat) * 100%),#000000);transform-origin:center}.collision-description.svelte-172tbjk{width:min(26rem,100% - var(--size-48));margin:0;color:#000;font-size:var(--type-body);line-height:1.35;text-align:center;white-space:normal}.collision-description-character.svelte-172tbjk{display:inline-block;transform-origin:center;white-space:pre}.collision-description-character.is-active{transition:transform .22s cubic-bezier(.22,1,.36,1);will-change:transform}.collision-target.svelte-172tbjk{position:absolute;display:grid;place-items:center;box-sizing:border-box;padding:0;border:0;background:transparent;box-shadow:none;color:#0000004d;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.collision-target-ring.svelte-172tbjk{position:absolute;top:50%;left:50%;width:100%;aspect-ratio:1/1;transform:translate(-50%,-50%) scale(var(--ring-scale));border:1px solid color-mix(in srgb,currentColor 80%,transparent);border-radius:50%;opacity:var(--ring-fade);pointer-events:none;animation:svelte-172tbjk-force-field-pulse var(--force-field-duration) cubic-bezier(.4,0,.9,.7) infinite;animation-delay:var(--ring-delay);transition:border-color .16s ease}@keyframes svelte-172tbjk-force-field-pulse{0%{transform:translate(-50%,-50%) scale(var(--force-field-inner));opacity:0}10%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.05}}@media(prefers-reduced-motion:reduce){.collision-target-ring.svelte-172tbjk{animation:none}}.collision-target--lower.svelte-172tbjk{left:18%;top:58%}.collision-target.svelte-172tbjk:active{cursor:grabbing}.collision-target--upper.svelte-172tbjk{right:18%;top:29%}.collision-target--circle.svelte-172tbjk{border-radius:50%}.collision-target-handle.svelte-172tbjk{--knob-color: var(--color-primary);--specular-angle: 130deg;display:grid;place-items:center;box-sizing:border-box;padding:0;width:var(--size-32);height:var(--size-32);border-radius:50%;background:radial-gradient(hsl(from var(--knob-color) h calc(s + 5) calc(l + 15)),hsl(from var(--knob-color) h s calc(l + 10)) 50%,hsl(from var(--knob-color) h s l/0) 58%,hsl(from var(--knob-color) h s l/0),hsl(from var(--knob-color) h s calc(l - 5) /.4) 72%),conic-gradient(from var(--specular-angle) at center,hsl(from var(--knob-color) h calc(s + 20) calc(l + 5) /.1) 43%,#fff 57%,hsl(from var(--knob-color) h calc(s + 20) calc(l + 5) /.1) 70%),conic-gradient(from 120deg at center,hsl(from var(--knob-color) h calc(s - 5) calc(l - 10)),hsl(from var(--knob-color) calc(h + 10) calc(s + 10) calc(l + 20)),hsl(from var(--knob-color) h calc(s - 5) calc(l - 10)));box-shadow:2px 2px 2px #040e3018,4px 4px 4px -3px #07143524,6px 6px 6px -4px #0615286c}.collision-target.svelte-172tbjk .material-symbols-rounded:where(.svelte-172tbjk){font-family:Material Symbols Rounded;font-size:var(--size-16);font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;line-height:1;color:#fff}.sr-only.svelte-172tbjk{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.highlight-card-list{--highlight-card-heading-size: 3rem;--highlight-card-mobile-top-padding: var(--size-48)}@media(max-width:900px){.interactivity-explainer.svelte-60qq6r{grid-template-columns:1fr!important}}.interactivity-intro.svelte-60qq6r{display:flex;flex-direction:column;align-items:center;grid-column:1/-1;text-align:center;width:min(100%,760px);margin:0 auto clamp(2rem,4vw,3.5rem)}.highlight-card-list.svelte-60qq6r{grid-column:1/-1;display:flex;flex-direction:column;gap:clamp(var(--size-24),4vw,var(--size-48));width:100%}.highlight-card-list.svelte-60qq6r>article{width:100%;height:auto}.interlude.svelte-8smkka{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(var(--size-48),7vw,6rem)}.interlude-header.svelte-8smkka{width:100%;text-align:left}.interlude-header.svelte-8smkka .landing-section-lede{margin-right:0;margin-left:0}.engine-visualization.svelte-8smkka{width:min(100%,760px)}.engine-stack.svelte-8smkka{display:flex;flex-direction:column;gap:var(--size-8);width:100%;margin:0;padding:0;font-family:var(--font-label);font-weight:350;list-style:none;box-sizing:border-box}.asset-group.svelte-8smkka{display:flex;flex-direction:column;gap:var(--size-8)}.asset-columns.svelte-8smkka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-8);margin:0;padding:0;list-style:none}.asset-column.svelte-8smkka{display:flex;min-width:0;flex-direction:column;gap:var(--size-8);font-family:var(--font-label)}.framework-logos.svelte-8smkka{display:flex;align-items:flex-start;justify-content:center;gap:clamp(var(--size-8),1.5vw,var(--size-16));box-sizing:border-box}.framework-adapter.svelte-8smkka{display:flex;flex-direction:column;align-items:center;gap:var(--size-8)}.framework-logos.svelte-8smkka img:where(.svelte-8smkka){width:clamp(20px,2vw,26px);height:clamp(20px,2vw,26px);object-fit:contain}.asset-node.svelte-8smkka{display:flex;min-height:64px;align-items:center;justify-content:center;gap:var(--size-8);padding:var(--size-16) var(--size-8);color:var(--color-text);font-size:var(--type-body);font-weight:350;line-height:var(--leading-caption);box-sizing:border-box}.asset-icon.svelte-8smkka{width:22px;height:22px;flex:0 0 22px;background-color:var(--color-text)}.snapsort-icon.svelte-8smkka{-webkit-mask:url(../../../icon/bullet-list-588573.png) center/contain no-repeat;mask:url(../../../icon/bullet-list-588573.png) center/contain no-repeat}.snapline-icon.svelte-8smkka{-webkit-mask:url(../../../icon/nodes-6450391.png) center/contain no-repeat;mask:url(../../../icon/nodes-6450391.png) center/contain no-repeat}.snapzap-icon.svelte-8smkka{-webkit-mask:url(../../../icon/camera-8384877.png) center/contain no-repeat;mask:url(../../../icon/camera-8384877.png) center/contain no-repeat}.asset-connector.svelte-8smkka{height:var(--size-24);color:var(--color-text-subtle);font-family:inherit;font-size:1.35rem;line-height:1;text-align:center}.stack-layer.svelte-8smkka{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-16);min-height:72px;padding:var(--size-16) var(--size-24);box-sizing:border-box;font-family:var(--font-label);text-align:center}.stack-layer.svelte-8smkka strong:where(.svelte-8smkka){color:var(--color-text);font-size:var(--type-body);font-weight:350;line-height:var(--leading-caption)}.core-layer.svelte-8smkka,.platform-layer.svelte-8smkka{flex-direction:row;gap:var(--size-8)}.core-icon.svelte-8smkka,.platform-icon.svelte-8smkka{width:22px;height:22px;flex:0 0 22px;background-color:var(--color-text)}.core-icon.svelte-8smkka{-webkit-mask:url(../../../icon/engine-5888296.png) center/contain no-repeat;mask:url(../../../icon/engine-5888296.png) center/contain no-repeat}.platform-icon.svelte-8smkka{-webkit-mask:url(../../../icon/browse-8396205.png) center/contain no-repeat;mask:url(../../../icon/browse-8396205.png) center/contain no-repeat}.stack-connector.svelte-8smkka{height:var(--size-24);color:var(--color-text-subtle);font-family:inherit;font-size:1.35rem;line-height:1;text-align:center}.interlude-link.svelte-8smkka{display:inline-flex;align-items:center;gap:var(--size-4);margin-top:var(--size-24);color:var(--color-action);font-size:1rem;font-weight:500;text-decoration:none}.interlude-link.svelte-8smkka:hover .interlude-link-icon:where(.svelte-8smkka){transform:translate(2px)}.interlude-link-icon.svelte-8smkka{font-size:1.1rem;transition:transform .16s ease}@media(max-width:900px){.interlude.svelte-8smkka{grid-template-columns:1fr;gap:clamp(var(--size-32),8vw,var(--size-64))}.interlude-header.svelte-8smkka{width:min(100%,760px);margin:0 auto;text-align:center}.interlude-header.svelte-8smkka .landing-section-lede{margin-right:auto;margin-left:auto}.engine-visualization.svelte-8smkka{margin:0 auto}}@media(max-width:560px){.stack-layer.svelte-8smkka{grid-template-columns:1fr;gap:var(--size-4);padding:var(--size-16);text-align:center}}@media(prefers-reduced-motion:reduce){.interlude-link-icon.svelte-8smkka{transition:none}}.landing-section-gap{margin-top:clamp(5rem,9vw,8rem)}@media(max-width:900px){.landing-section-gap{margin-top:clamp(4rem,12vw,6rem)}}.landing-section-gap-wide{margin-top:clamp(7rem,12vw,11rem)}@media(max-width:900px){.landing-section-gap-wide{margin-top:clamp(5rem,16vw,8rem)}}.landing-section-heading{margin:0;font-family:var(--font-display);font-size:var(--type-section-title);line-height:var(--leading-heading);text-wrap:balance}.landing-section-lede{max-width:40rem;margin:var(--size-16) auto 0;color:var(--color-text-muted);font-size:var(--type-lead);font-weight:400;line-height:var(--leading-body);text-wrap:pretty}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}