div.svelte-19nr92t{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-19nr92t{width:100%;height:100%;display:block;position:relative}@layer components{.view-widget.svelte-1c9igjx{border:1px solid var(--dock-line);background:var(--dock);backdrop-filter:blur(14px);border-radius:14px;gap:.125rem;padding:.25rem;display:flex;position:absolute;inset-block-start:var(--space-s);inset-inline-end:var(--space-s);@container stage (width<=35rem){inset-block:auto var(--space-s);inset-inline:var(--space-s) auto;max-inline-size:calc(100% - 3.25rem - 3 * var(--space-s))}}.view-button.svelte-1c9igjx{min-inline-size:4.25rem;color:var(--ink);font:inherit;font-size:var(--2xs);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding-block:.375rem .3125rem;padding-inline:.375rem;font-weight:600;display:flex;@container stage (width<=35rem){flex:1;min-inline-size:0}&:hover{background:oklch(from var(--ink) l c h / 6%)}&:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}}svg.svelte-1c9igjx{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;inline-size:1.5rem}.spin.svelte-1c9igjx{min-inline-size:2.75rem;box-shadow:-1px 0 0 var(--dock-line);color:var(--muted);border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:.25rem;&[aria-pressed=true]{color:var(--ink)}}.zoom-controls.svelte-dzutg9{border:1px solid var(--dock-line);background:var(--dock);backdrop-filter:blur(14px);border-radius:14px;flex-direction:column;padding:.25rem;display:flex;position:absolute;inset-block-end:var(--space-s);inset-inline-end:var(--space-s)}button.svelte-dzutg9{aspect-ratio:1;inline-size:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;&:hover{background:oklch(from var(--ink) l c h / 6%)}&:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}&+button:where(.svelte-dzutg9){box-shadow:0 -1px 0 var(--dock-line);border-start-start-radius:0;border-start-end-radius:0}}svg.svelte-dzutg9{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;inline-size:1.25rem}.viewer.svelte-1r7ieq5{--tint:.93 calc(c * .16) h;background:oklch(from var(--tile-from) var(--tint));border-radius:24px;position:absolute;inset:0;overflow:clip}.tile-wipe.svelte-1r7ieq5{background:oklch(from var(--tile-to) var(--tint));position:absolute;inset:0;@media (prefers-reduced-motion:no-preference){animation:svelte-1r7ieq5-tile-wipe var(--wipe-duration) cubic-bezier(.65, 0, .35, 1) both;&[data-from=left]{animation-name:svelte-1r7ieq5-tile-wipe-left}}}.label-layer.svelte-1r7ieq5{z-index:0;pointer-events:none;position:absolute;inset:0}.viewer.svelte-1r7ieq5 canvas{opacity:0;cursor:grab;touch-action:none;&:active{cursor:grabbing}}.viewer[data-ready].svelte-1r7ieq5 canvas{opacity:1;@media (prefers-reduced-motion:no-preference){transition:opacity .8s ease-out}}.hotspot.svelte-yxw83e{--dot:.875rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;transform:translate(calc(var(--dot) / -2), -50%);background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;&[data-side=left]{transform:translate(calc(-100% + var(--dot) / 2), -50%);flex-direction:row-reverse}&:focus-visible{outline:none;& .hotspot-label:where(.svelte-yxw83e){outline:2px solid var(--accent);outline-offset:2px}}}.hotspot-dot.svelte-yxw83e{inline-size:var(--dot);aspect-ratio:1;border:3px solid var(--accent);background:var(--chip);border-radius:50%;flex:none;position:relative;box-shadow:0 1px 4px oklch(0% 0 0/.25);@media (prefers-reduced-motion:no-preference){&:after{border:2px solid var(--accent);content:"";opacity:0;border-radius:50%;animation:1.8s ease-out 1s 3 svelte-yxw83e-hotspot-pulse;position:absolute;inset:-3px}}}.hotspot-line.svelte-yxw83e{background:oklch(from var(--ink) l c h / 45%);flex:none;block-size:1px;inline-size:1.25rem}.hotspot-label.svelte-yxw83e{border:1px solid var(--dock-line);background:var(--dock);font-size:var(--s);backdrop-filter:blur(10px);border-radius:999px;padding-block:.375rem;padding-inline:.75rem;font-weight:600;@media (prefers-reduced-motion:no-preference){transition:background .15s,color .15s}}.hotspot.svelte-yxw83e:hover .hotspot-label:where(.svelte-yxw83e){border-color:oklch(from var(--ink) l c h / 30%)}.hotspot[aria-pressed=true].svelte-yxw83e{& .hotspot-dot:where(.svelte-yxw83e){background:var(--accent)}& .hotspot-label:where(.svelte-yxw83e){border-color:var(--chip-on);background:var(--chip-on);color:var(--chip-on-ink)}}@keyframes svelte-yxw83e-hotspot-pulse{0%{opacity:.9;scale:1}to{opacity:0;scale:2.4}}.port-label.svelte-zyg2ak{background:var(--chip-on);color:var(--chip-on-ink);font-size:var(--xs);letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:6px;padding-block:.25rem;padding-inline:.5625rem;font-weight:600;position:absolute;transform:translate(-50%,calc(-100% - 14px));&:after{background:var(--chip-on);content:"";block-size:12px;inline-size:1px;position:absolute;inset-block-start:100%;inset-inline-start:50%}}}@keyframes svelte-1r7ieq5-tile-wipe{0%{translate:100%}}@keyframes svelte-1r7ieq5-tile-wipe-left{0%{translate:-100%}}