.dg-scroll-lock{overflow:hidden!important}.sphere-root.svelte-nkirxz{position:relative;width:100%;height:100%;--radius: 520px;--viewer-pad: 72px;--circ: calc(var(--radius) * 3.14);--rot-y: calc((360deg / var(--segments-x)) / 2);--rot-x: calc((360deg / var(--segments-y)) / 2);--item-width: calc(var(--circ) / var(--segments-x));--item-height: calc(var(--circ) / var(--segments-y))}.sphere-root.svelte-nkirxz *{box-sizing:border-box}.sphere.svelte-nkirxz,.item.svelte-nkirxz,.item__image.svelte-nkirxz{transform-style:preserve-3d}main.sphere-main.svelte-nkirxz{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:transparent}.stage.svelte-nkirxz{width:100%;height:100%;display:grid;place-items:center;perspective:calc(var(--radius) * 2);perspective-origin:50% 50%;contain:layout paint size}.sphere.svelte-nkirxz{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay.svelte-nkirxz,.overlay--blur.svelte-nkirxz{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:3;pointer-events:none}.overlay.svelte-nkirxz{background-image:radial-gradient(rgba(235,235,235,0) 65%,var(--overlay-blur-color, #060010) 100%)}.overlay--blur.svelte-nkirxz{-webkit-mask-image:radial-gradient(rgba(235,235,235,0) 70%,var(--overlay-blur-color, #060010) 90%);mask-image:radial-gradient(rgba(235,235,235,0) 70%,var(--overlay-blur-color, #060010) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item.svelte-nkirxz{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));position:absolute;top:-999px;bottom:-999px;left:-999px;right:-999px;margin:auto;transform-origin:50% 50%;backface-visibility:hidden;transition:transform .3s;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta, 0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta, 0deg))) translateZ(var(--radius))}.item__image.svelte-nkirxz{position:absolute;display:block;top:10px;right:10px;bottom:10px;left:10px;border-radius:var(--tile-radius, 12px);background:transparent;overflow:hidden;backface-visibility:hidden;transition:transform .3s;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transform:translateZ(0)}.item__image.svelte-nkirxz:focus{outline:none}.item__image.svelte-nkirxz img:where(.svelte-nkirxz){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;backface-visibility:hidden;filter:var(--image-filter, none)}.viewer.svelte-nkirxz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:var(--viewer-pad)}.viewer.svelte-nkirxz .frame:where(.svelte-nkirxz){height:100%;aspect-ratio:1;border-radius:var(--enlarge-radius, 32px);display:flex}@media(max-aspect-ratio:1/1){.viewer.svelte-nkirxz .frame:where(.svelte-nkirxz){height:auto;width:100%}}.viewer.svelte-nkirxz .scrim:where(.svelte-nkirxz){position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0006;pointer-events:none;opacity:0;transition:opacity .5s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sphere-root[data-enlarging=true].svelte-nkirxz .viewer:where(.svelte-nkirxz) .scrim:where(.svelte-nkirxz){opacity:1;pointer-events:all}.viewer.svelte-nkirxz .enlarge{position:absolute;z-index:30;border-radius:var(--enlarge-radius, 32px);overflow:hidden;transition:transform .5s ease,opacity .5s ease;transform-origin:top left;box-shadow:0 10px 30px #00000059}.viewer.svelte-nkirxz .enlarge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:none}.sphere-root.svelte-nkirxz .enlarge-closing img{filter:none}.edge-fade.svelte-nkirxz{position:absolute;left:0;right:0;height:120px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--overlay-blur-color, #060010))}.edge-fade--top.svelte-nkirxz{top:0;transform:rotate(180deg)}.edge-fade--bottom.svelte-nkirxz{bottom:0}.gallery-wrapper.svelte-aq54u0{position:relative;width:100%;height:100vh;background:#060010;overflow:hidden}.info-toggle.svelte-aq54u0{position:absolute;top:1.5rem;right:1.5rem;z-index:100;width:48px;height:48px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.info-toggle.svelte-aq54u0:hover{background:#fff3;transform:scale(1.05)}.info-icon.svelte-aq54u0{font-size:1.5rem;line-height:1}.info-overlay.svelte-aq54u0{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem}.info-card.svelte-aq54u0{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;max-width:500px;color:#fff;text-align:center}.info-card.svelte-aq54u0 h2:where(.svelte-aq54u0){font-size:2rem;font-weight:700;margin-bottom:.5rem}.tagline.svelte-aq54u0{font-size:1rem;color:#ffffffb3;margin-bottom:2rem}.instructions.svelte-aq54u0{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.instruction.svelte-aq54u0{display:flex;align-items:center;gap:1rem;text-align:left}.instruction.svelte-aq54u0 .icon:where(.svelte-aq54u0){font-size:1.5rem;width:2rem}.props-summary.svelte-aq54u0{text-align:left;margin-bottom:2rem}.props-summary.svelte-aq54u0 h3:where(.svelte-aq54u0){font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#fffc}.props-summary.svelte-aq54u0 ul:where(.svelte-aq54u0){list-style:none;padding:0;margin:0;font-size:.875rem;color:#ffffffb3}.props-summary.svelte-aq54u0 li:where(.svelte-aq54u0){margin-bottom:.5rem}.props-summary.svelte-aq54u0 code:where(.svelte-aq54u0){background:#ffffff26;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.8rem}.scroll-hint.svelte-aq54u0{display:inline-block;color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:color .2s ease}.scroll-hint.svelte-aq54u0:hover{color:#fff}.page-container.svelte-aq54u0{max-width:1200px;margin:0 auto;padding:4rem 2rem;background:#f9fafb}.page-header.svelte-aq54u0{text-align:center;margin-bottom:3rem}.page-title.svelte-aq54u0{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.page-description.svelte-aq54u0{font-size:1.125rem;color:#6b7280;max-width:800px;margin:0 auto;line-height:1.7}.page-description.svelte-aq54u0 a:where(.svelte-aq54u0){color:#3b82f6;text-decoration:underline}.demo-section.svelte-aq54u0{margin-bottom:4rem}.section-title.svelte-aq54u0{font-size:1.875rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.section-description.svelte-aq54u0{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.section-description.svelte-aq54u0 code:where(.svelte-aq54u0){background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#374151}.code-example.svelte-aq54u0{background:#1f2937;padding:1.5rem;border-radius:8px;overflow-x:auto}.code-example.svelte-aq54u0 pre:where(.svelte-aq54u0){margin:0;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.code-example.svelte-aq54u0 code:where(.svelte-aq54u0){color:#e5e7eb}.features-section.svelte-aq54u0{margin-bottom:4rem}.features-grid.svelte-aq54u0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-card.svelte-aq54u0{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.feature-card.svelte-aq54u0:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.feature-icon.svelte-aq54u0{font-size:2.5rem;margin-bottom:1rem}.feature-title.svelte-aq54u0{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.feature-description.svelte-aq54u0{font-size:.9375rem;color:#6b7280;line-height:1.6}.props-section.svelte-aq54u0{margin-bottom:4rem}.props-table-container.svelte-aq54u0{overflow-x:auto;margin-top:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.props-table.svelte-aq54u0{width:100%;border-collapse:collapse;background:#fff}.props-table.svelte-aq54u0 thead:where(.svelte-aq54u0){background:#f9fafb}.props-table.svelte-aq54u0 th:where(.svelte-aq54u0){text-align:left;padding:1rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.props-table.svelte-aq54u0 td:where(.svelte-aq54u0){padding:1rem;border-bottom:1px solid #e5e7eb;color:#6b7280}.props-table.svelte-aq54u0 code:where(.svelte-aq54u0){background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#ef4444}.use-cases-section.svelte-aq54u0{margin-bottom:4rem}.use-cases-grid.svelte-aq54u0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.use-case-card.svelte-aq54u0{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #8b5cf6}.use-case-title.svelte-aq54u0{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.use-case-description.svelte-aq54u0{font-size:.9375rem;color:#6b7280;line-height:1.6}.technical-section.svelte-aq54u0{margin-bottom:4rem}.technical-grid.svelte-aq54u0{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.technical-card.svelte-aq54u0{background:linear-gradient(135deg,#8b5cf6,#6d28d9);padding:2rem;border-radius:12px;color:#fff}.technical-title.svelte-aq54u0{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.technical-description.svelte-aq54u0{font-size:.9375rem;line-height:1.6;opacity:.95}.technical-description.svelte-aq54u0 code:where(.svelte-aq54u0){background:#fff3;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}@media(max-width:768px){.gallery-wrapper.svelte-aq54u0{height:80vh}.page-container.svelte-aq54u0{padding:2rem 1rem}.page-title.svelte-aq54u0{font-size:2rem}.page-description.svelte-aq54u0{font-size:1rem}.info-card.svelte-aq54u0{padding:1.5rem}.features-grid.svelte-aq54u0,.use-cases-grid.svelte-aq54u0,.technical-grid.svelte-aq54u0{grid-template-columns:1fr}}