.viewer{--studio-light:light-dark(oklch(97% .012 230),oklch(34% .025 245));--studio-dark:light-dark(oklch(83% .028 235),oklch(16% .018 250));--above-bar:calc(var(--gutter) + 2.9rem);block-size:clamp(24rem,82svh,60rem);font-size:var(--step-0);background:radial-gradient(120% 95% at 50% 30%, var(--studio-light), var(--studio-dark));line-height:1.2;position:relative;overflow:clip}#scene{touch-action:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.labels{pointer-events:none;position:absolute;inset:0;overflow:clip}.annotation{background:var(--accent);color:var(--accent-ink);font-size:var(--step--1);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.25em;padding:.12em .45em .16em;font-weight:600;line-height:1.2;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:0 1px 6px oklch(20% .02 245/.25)}.annotation-dimension{translate:-50% -50%}.annotation-level{background:color-mix(in oklch, var(--paper) 92%, transparent);color:var(--ink);border-inline-start:3px solid var(--accent);translate:.7rem -50%}.annotation-level[data-side=left]{border-inline-start:0;border-inline-end:3px solid var(--accent);translate:calc(-100% - .7rem) -50%}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge), var(--glass-shadow)}.compass{border-radius:50%;block-size:3rem;inline-size:3rem;position:absolute;inset-block-end:var(--above-bar);inset-inline-end:var(--gutter)}.compass svg{block-size:100%;inline-size:100%;display:block}.compass path{fill:var(--ink)}.compass text{fill:var(--ink);text-anchor:middle;font-size:7px;font-weight:700}.zoom-hint{border-radius:999px;inline-size:fit-content;margin:0 auto;padding:.5rem .85rem;font-weight:560;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline:0}.zoom-hint[hidden]{opacity:0;display:none}@media (prefers-reduced-motion:no-preference){.zoom-hint{transition:opacity .2s var(--ease-out), display .2s allow-discrete}@starting-style{.zoom-hint{opacity:0}}}.loading{background:inherit;place-items:center;margin:0;font-weight:600;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}@media (width<40rem){.viewer{font-size:var(--step--1)}}.viewer-top{inset-block-start:var(--gutter);inset-inline:var(--gutter);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem;display:flex;position:absolute}.viewer-top>*{pointer-events:auto}.toggles,.viewer-top .theme-toggle{border-radius:999px;gap:.15rem;padding:.2rem;display:flex}.toggles label{cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-weight:560;display:flex}.toggles input[type=checkbox]{block-size:1em;inline-size:1em;accent-color:var(--ink);flex:none;margin:0}.field{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field output{font-variant-numeric:tabular-nums;font-weight:600}.views{inset-inline:var(--gutter);inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--gutter));border-radius:999px;gap:.15rem;margin-inline:auto;padding:.2rem;display:flex;position:absolute;inset-block-end:var(--gutter)}.views button{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 auto;padding:.3rem clamp(.45rem,.1rem + 1.8vw,.9rem);font-weight:560}.viewer-top .theme-toggle{margin-block:0;margin-inline:auto 0}.viewer-top .theme-toggle button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;block-size:calc(1.2em + .6rem);padding-inline:.65rem;display:grid}.viewer-top .theme-toggle svg{block-size:1.1em;inline-size:1.1em}.views button[aria-pressed=true],.viewer-top .theme-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.views button[aria-pressed=true]:focus-visible,.viewer-top .theme-toggle button[aria-pressed=true]:focus-visible{outline-color:var(--ink)}.section-cut{inset-inline:var(--gutter);inline-size:min(19rem, 100% - 2 * var(--gutter));border-radius:var(--radius);transform-origin:50% 100%;gap:.25rem;margin-inline:auto;padding:.45rem .8rem .55rem;display:grid;position:absolute;inset-block-end:var(--above-bar)}.section-cut[hidden]{opacity:0;display:none}.section-cut input[type=range]{inline-size:100%;accent-color:var(--ink);margin:0}@supports (position-area:top){@media (width>=40rem){.views button[aria-pressed=true]{anchor-name:--pressed-view}.section-cut{position-anchor:--pressed-view;position-area:top;margin:0 0 .75rem;inset:auto}}}@media (prefers-reduced-motion:no-preference){.section-cut{transition:opacity .22s var(--ease-out), scale .22s var(--ease-out), translate .22s var(--ease-out), display .22s allow-discrete}.section-cut[hidden]{translate:0 .6rem;scale:.92}@starting-style{.section-cut{opacity:0;translate:0 .6rem;scale:.92}}}@media (hover:hover) and (pointer:fine){.views button[aria-pressed=false]:hover,.viewer-top .theme-toggle button[aria-pressed=false]:hover,.toggles label:hover{background:var(--glass-hover)}}.viewer:has(.section-cut:not([hidden])) .compass{inset-block-end:calc(var(--above-bar) + 4rem)}