.settings[data-astro-cid-u7wecxor]{gap:var(--gap);flex-direction:column;inline-size:100%;display:flex;&[hidden]{display:none}}.three-d-field[data-astro-cid-u7wecxor]{flex:12rem;min-inline-size:min(100%,12rem);&[hidden]{display:none}}.origin-mode[data-astro-cid-u7wecxor],.origin-values[data-astro-cid-u7wecxor]{flex:100%;min-inline-size:0}.origin-mode[data-astro-cid-u7wecxor]{& .select{box-sizing:border-box;inline-size:fit-content;max-inline-size:100%}}.origin-values[data-astro-cid-u7wecxor]{gap:var(--gap) var(--gap-lg);flex-wrap:wrap;display:flex;&[hidden]{display:none}& .lab-field{flex:12rem;min-inline-size:min(100%,12rem)}& .select{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}}[data-lab-root=transform] .lab-field[hidden]{display:none}[data-lab-root=transform] .lab-group-fields:has([data-control=mode]) .inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}[data-lab-root=transform] .lab-group-fields:has([data-control=mode]) .lab-field{min-inline-size:0}[data-lab-root=transform] .lab-group-fields:has([data-control=mode]) .lab-field .select{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}[data-lab-root=transform] .lab-group-fields:not(:has([data-control=mode])) .lab-field{flex:12rem;min-inline-size:min(100%,12rem)}.preview-stage[data-astro-cid-u7wecxor]{isolation:isolate;box-sizing:border-box;background:linear-gradient(to right, transparent calc(50% - .5px), color-mix(in oklch, var(--brand-blue) 62%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), color-mix(in oklch, var(--brand-orange) 62%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), radial-gradient(circle at 18% 20%, color-mix(in oklch, var(--brand-orange) 24%, transparent), transparent 34%), radial-gradient(circle at 82% 78%, color-mix(in oklch, var(--brand-blue) 30%, transparent), transparent 38%), var(--surface-strong);place-items:center;min-block-size:30rem;inline-size:100%;padding:clamp(3rem,9vw,6rem);display:grid;position:relative;overflow:clip;& .axis{z-index:0;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-full);color:var(--text-muted);font-family:monospace;font-size:.75rem;font-weight:var(--fw-bold);padding:.2rem .4rem;position:absolute}& .axis-x{inset-block-start:calc(50% + var(--gap-sm));inset-inline-end:var(--gap)}& .axis-y{inset-block-start:var(--gap);inset-inline-start:calc(50% + var(--gap-sm))}&[data-mode=none] .origin-marker[data-astro-cid-u7wecxor]{display:none}}.reference[data-astro-cid-u7wecxor],.transform-card[data-astro-cid-u7wecxor]{box-sizing:border-box;border-radius:calc(var(--radius) * 1.4);corner-shape:var(--corner-shape);grid-area:1/1;min-block-size:17rem;inline-size:min(15rem,68vw)}.reference[data-astro-cid-u7wecxor]{z-index:0;border:2px dashed color-mix(in oklch, var(--text) 46%, transparent);position:relative;& span{border-radius:var(--radius);background:var(--surface);color:var(--text-muted);white-space:nowrap;padding:.2rem .5rem;font-size:.75rem;line-height:1.2;position:absolute;inset-block-end:calc(100% + var(--gap-sm));inset-inline-start:50%;translate:-50%}}.transform-card[data-astro-cid-u7wecxor]{z-index:1;padding:var(--padding-xl);place-content:center;justify-items:center;gap:var(--gap-sm);border:1px solid color-mix(in oklch, var(--brand-orange) 70%, white);background:linear-gradient(145deg, color-mix(in oklch, var(--brand-orange) 88%, white), color-mix(in oklch, var(--brand-blue) 76%, black));color:#fff;text-align:center;transform-style:preserve-3d;display:grid;position:relative;overflow:visible;box-shadow:0 1.5rem 3rem oklch(0% none none/.28),inset 0 1px oklch(100% 5.96046e-8 none/.55);& .mode{inline-size:fit-content;font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;background:oklch(0% none none/.2);border:1px solid oklch(100% 5.96046e-8 none/.36);border-color:oklch(100% 5.96046e-8 none/.36) oklch(100% 5.96046e-8 none/.36) oklch(100% 5.96046e-8 none/.36) oklch(100% 5.96046e-8 none/.36);border-radius:100vmax;padding:.25rem .5rem}& strong{text-wrap:balance;max-inline-size:10ch;font-size:clamp(1.65rem,5vw,2.35rem);line-height:.95}& p{color:oklch(100% 5.96046e-8 none/.88);max-inline-size:24ch;font-size:.875rem;line-height:1.35}& .mode{position:absolute;inset-block-start:var(--gap);inset-inline-end:var(--gap)}}.origin-marker[data-astro-cid-u7wecxor]{background:var(--brand-orange);block-size:.9rem;inline-size:.9rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--brand-blue) 75%, transparent), 0 0 0 5px oklch(100% 5.96046e-8 none/.45);border:2px solid #fff;border-radius:50%;position:absolute;inset-block-start:var(--origin-y);inset-inline-start:var(--origin-x);translate:-50% -50%}@media (width<=30rem){.preview-stage[data-astro-cid-u7wecxor]{min-block-size:26rem;padding-inline:var(--padding-lg)}.reference[data-astro-cid-u7wecxor],.transform-card[data-astro-cid-u7wecxor]{min-block-size:15rem;inline-size:min(12rem,64vw)}.transform-card[data-astro-cid-u7wecxor]{padding:var(--padding-lg)}}