.geometry-recorder{--geometry-blue: #245fc7;--geometry-blue-deep: #153f86;--geometry-teal: #14756f;--geometry-teal-deep: #0b514c;--geometry-amber: #a76209;--geometry-amber-deep: #714000;--geometry-violet: #6849a8;--geometry-violet-deep: #463073;--geometry-surface: var(--surface, #fff);--geometry-sunk: var(--surface-sunk, #f5f7fa);--geometry-ink: var(--heading-font-color, #151a24);--geometry-muted: var(--ink-muted, #5f6b7b);--geometry-line: var(--border-color, #d8dee8);position:relative;isolation:isolate;width:100%;max-width:1120px;margin:clamp(2rem,5vw,4rem) auto;overflow:hidden;color:var(--geometry-ink);border:1px solid var(--geometry-line);border-radius:26px;background:radial-gradient(circle at 100% 0, rgba(104, 73, 168, 0.1), transparent 30%),linear-gradient(135deg, rgba(36, 95, 199, 0.07), transparent 42%),var(--geometry-surface);box-shadow:0 22px 60px -42px rgba(15,23,42,.75)}.geometry-recorder::before{position:absolute;inset:0 0 auto;height:7px;content:"";background:linear-gradient(90deg, var(--geometry-blue) 0 25%, var(--geometry-teal) 25% 50%, var(--geometry-amber) 50% 75%, var(--geometry-violet) 75% 100%)}.geometry-recorder__header{display:grid;grid-template-columns:minmax(0, 1.18fr) minmax(290px, 0.82fr);gap:clamp(1.5rem,4vw,3.2rem);align-items:start;padding:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(1.4rem,3vw,2.2rem)}.geometry-recorder__heading,.geometry-recorder__scope,.geometry-recorder__scope>div,.geometry-recorder__axis,.geometry-recorder__axis-copy{min-width:0}.geometry-recorder__eyebrow{display:block;margin-bottom:.7rem;color:var(--geometry-blue-deep);font:850 .7rem/1.3 var(--font-ui);letter-spacing:.13em;text-transform:uppercase}.geometry-recorder__heading h2{max-width:740px;margin:0;color:var(--geometry-ink);font-family:var(--heading-font-family);font-size:clamp(1.65rem,4vw,2.8rem);font-weight:830;letter-spacing:-0.04em;line-height:1.03;text-wrap:balance}.geometry-recorder__heading>p{max-width:70ch;margin:.9rem 0 0;color:var(--geometry-muted);font:500 clamp(0.95rem, 1.5vw, 1.08rem)/1.62 var(--font-ui)}.geometry-recorder__scope{display:grid;gap:.7rem}.geometry-recorder__scope>div{display:grid;grid-template-columns:38px minmax(0, 1fr);gap:.72rem;align-items:start;padding:.85rem .9rem;border:1px solid var(--geometry-line);border-radius:14px;background:linear-gradient(145deg, rgba(36, 95, 199, 0.07), transparent 60%),var(--geometry-surface)}.geometry-recorder__scope-mark{position:relative;display:block;width:38px;height:38px;overflow:hidden;border-radius:11px;background:rgba(36,95,199,.11)}.geometry-recorder__scope-mark::before,.geometry-recorder__scope-mark::after{position:absolute;content:""}.geometry-recorder__scope-mark--source::before{inset:9px 10px;border:2px solid var(--geometry-blue);border-radius:3px}.geometry-recorder__scope-mark--source::after{left:14px;right:14px;top:14px;height:2px;background:var(--geometry-blue);box-shadow:0 5px 0 var(--geometry-blue),0 10px 0 var(--geometry-blue)}.geometry-recorder__scope-mark--verify{background:rgba(20,117,111,.11)}.geometry-recorder__scope-mark--verify::before{left:9px;top:10px;width:13px;height:8px;border:solid var(--geometry-teal);border-width:0 0 3px 3px;transform:rotate(-45deg)}.geometry-recorder__scope-mark--verify::after{right:8px;bottom:8px;width:12px;height:12px;border:2px solid var(--geometry-teal);border-radius:50%;box-shadow:-7px -7px 0 -5px var(--geometry-teal)}.geometry-recorder__scope p{margin:0}.geometry-recorder__scope strong,.geometry-recorder__scope p span{display:block}.geometry-recorder__scope strong{margin-bottom:.18rem;color:var(--geometry-ink);font:820 .74rem/1.35 var(--font-ui);letter-spacing:.055em;text-transform:uppercase}.geometry-recorder__scope p span{color:var(--geometry-muted);font:500 .8rem/1.48 var(--font-ui);overflow-wrap:anywhere}.geometry-recorder__axes{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:clamp(.85rem,2vw,1.2rem);margin:0;padding:0 clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem);list-style:none}.geometry-recorder__axis{--axis-accent: var(--geometry-blue);--axis-deep: var(--geometry-blue-deep);--axis-soft: rgba(36, 95, 199, 0.1);display:grid;grid-template-rows:auto 150px minmax(0, 1fr);overflow:hidden;border:1px solid var(--geometry-line);border-radius:18px;background:var(--geometry-surface);box-shadow:0 10px 30px -26px rgba(15,23,42,.75)}.geometry-recorder__axis--section{--axis-accent: var(--geometry-teal);--axis-deep: var(--geometry-teal-deep);--axis-soft: rgba(20, 117, 111, 0.1)}.geometry-recorder__axis--grind{--axis-accent: var(--geometry-amber);--axis-deep: var(--geometry-amber-deep);--axis-soft: rgba(167, 98, 9, 0.11)}.geometry-recorder__axis--spatial{--axis-accent: var(--geometry-violet);--axis-deep: var(--geometry-violet-deep);--axis-soft: rgba(104, 73, 168, 0.1)}.geometry-recorder__axis--state-unresolved,.geometry-recorder__axis--state-not-geometry{background:repeating-linear-gradient(135deg, transparent 0 13px, rgba(95, 107, 123, 0.027) 13px 14px),var(--geometry-surface)}.geometry-recorder__axis-head{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;gap:.6rem;align-items:center;min-width:0;padding:.72rem .8rem;border-bottom:1px solid var(--geometry-line)}.geometry-recorder__axis-index{display:grid;width:32px;height:32px;place-items:center;color:#fff;border-radius:9px;background:var(--axis-accent);font:850 .7rem/1 var(--font-ui)}.geometry-recorder__viewpoint{min-width:0;color:var(--axis-deep);font:800 .67rem/1.25 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;overflow-wrap:anywhere}.geometry-recorder__state{display:inline-flex;gap:.4rem;align-items:center;max-width:100%;padding:.35rem .48rem;color:var(--axis-deep);border:1px solid color-mix(in srgb, var(--axis-accent) 32%, var(--geometry-line));border-radius:999px;background:var(--axis-soft);font:780 .61rem/1.15 var(--font-ui);white-space:nowrap}.geometry-recorder__state i{display:block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--axis-accent)}.geometry-recorder__axis--state-open .geometry-recorder__state i{border:1px solid var(--axis-accent);background:rgba(0,0,0,0)}.geometry-recorder__axis--state-unresolved .geometry-recorder__state i{border:1px solid var(--axis-accent);border-radius:2px;background:repeating-linear-gradient(135deg, var(--axis-accent) 0 1px, transparent 1px 3px)}.geometry-recorder__axis--state-not-geometry .geometry-recorder__state i{border-radius:1px;background:var(--axis-accent);transform:rotate(45deg)}.geometry-recorder__diagram{position:relative;min-width:0;overflow:hidden;border-bottom:1px solid var(--geometry-line);background:radial-gradient(circle at 82% 16%, var(--axis-soft), transparent 34%),linear-gradient(145deg, var(--geometry-sunk), var(--geometry-surface))}.geometry-recorder__grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb, var(--axis-accent) 8%, transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in srgb, var(--axis-accent) 8%, transparent) 1px, transparent 1px);background-position:center;background-size:18px 18px;mask-image:linear-gradient(135deg, #000, transparent 88%)}.geometry-recorder__diagram b{position:absolute;right:10px;bottom:9px;color:var(--geometry-muted);font:750 .56rem/1.2 var(--font-ui);letter-spacing:.065em;text-transform:uppercase}.geometry-recorder__shape{position:absolute;display:block;box-sizing:border-box}.geometry-recorder__diagram--line-open .geometry-recorder__shape--a,.geometry-recorder__diagram--line-unknown .geometry-recorder__shape--a,.geometry-recorder__diagram--line-family .geometry-recorder__shape--a,.geometry-recorder__diagram--line-straight .geometry-recorder__shape--a,.geometry-recorder__diagram--line-gentle .geometry-recorder__shape--a,.geometry-recorder__diagram--line-pronounced .geometry-recorder__shape--a,.geometry-recorder__diagram--line-local .geometry-recorder__shape--a,.geometry-recorder__diagram--line-wave .geometry-recorder__shape--a{left:12%;right:12%;top:53%;height:25%;border-top:5px solid var(--axis-accent);transform-origin:50% 50%}.geometry-recorder__diagram--line-open .geometry-recorder__shape--a,.geometry-recorder__diagram--line-unknown .geometry-recorder__shape--a{border-top-style:dashed;opacity:.62}.geometry-recorder__diagram--line-open .geometry-recorder__shape--b,.geometry-recorder__diagram--line-unknown .geometry-recorder__shape--b{left:calc(50% - 13px);top:calc(50% - 17px);width:26px;height:34px;border:2px solid var(--axis-accent);border-radius:50%;background:var(--geometry-surface)}.geometry-recorder__diagram--line-open .geometry-recorder__shape--b::after,.geometry-recorder__diagram--line-unknown .geometry-recorder__shape--b::after{position:absolute;left:8px;top:4px;color:var(--axis-accent);content:"?";font:850 1rem/1 var(--font-ui)}.geometry-recorder__diagram--line-straight .geometry-recorder__shape--a{top:53%;height:0}.geometry-recorder__diagram--line-gentle .geometry-recorder__shape--a,.geometry-recorder__diagram--line-family .geometry-recorder__shape--a{border-radius:50% 50% 0 0;transform:rotate(-1deg)}.geometry-recorder__diagram--line-pronounced .geometry-recorder__shape--a{top:47%;height:39%;border-radius:50% 50% 0 0;transform:rotate(-2deg)}.geometry-recorder__diagram--line-local .geometry-recorder__shape--a{left:17%;right:12%;top:54%;height:0}.geometry-recorder__diagram--line-local .geometry-recorder__shape--b{right:11%;top:37%;width:34%;height:42%;border-top:5px solid var(--axis-accent);border-radius:55% 70% 0 0;transform:rotate(-8deg)}.geometry-recorder__diagram--line-wave .geometry-recorder__shape--a{top:40%;height:38%;border:0;background:radial-gradient(42px 22px at 20% 100%, transparent 65%, var(--axis-accent) 67% 72%, transparent 74%),radial-gradient(42px 22px at 50% 0, transparent 65%, var(--axis-accent) 67% 72%, transparent 74%),radial-gradient(42px 22px at 80% 100%, transparent 65%, var(--axis-accent) 67% 72%, transparent 74%)}.geometry-recorder__diagram--line-family .geometry-recorder__shape--b,.geometry-recorder__diagram--line-straight .geometry-recorder__shape--b,.geometry-recorder__diagram--line-gentle .geometry-recorder__shape--b,.geometry-recorder__diagram--line-pronounced .geometry-recorder__shape--b,.geometry-recorder__diagram--line-local .geometry-recorder__shape--c,.geometry-recorder__diagram--line-wave .geometry-recorder__shape--b{left:12%;right:12%;bottom:28%;height:1px;background:color-mix(in srgb, var(--axis-accent) 32%, transparent)}.geometry-recorder__diagram--section-open .geometry-recorder__shape--a,.geometry-recorder__diagram--section-unknown .geometry-recorder__shape--a,.geometry-recorder__diagram--section-family .geometry-recorder__shape--a,.geometry-recorder__diagram--section-rounded .geometry-recorder__shape--a,.geometry-recorder__diagram--section-stepped .geometry-recorder__shape--a,.geometry-recorder__diagram--section-ridge .geometry-recorder__shape--a,.geometry-recorder__diagram--section-hollow .geometry-recorder__shape--a{left:27%;top:22%;width:46%;height:56%;border:2px solid var(--axis-accent);background:var(--axis-soft)}.geometry-recorder__diagram--section-open .geometry-recorder__shape--a,.geometry-recorder__diagram--section-unknown .geometry-recorder__shape--a{border-style:dashed;border-radius:46% 8% 46% 8%;opacity:.7}.geometry-recorder__diagram--section-open .geometry-recorder__shape--b,.geometry-recorder__diagram--section-unknown .geometry-recorder__shape--b{left:calc(50% - 11px);top:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:var(--geometry-surface);box-shadow:0 0 0 2px var(--axis-accent)}.geometry-recorder__diagram--section-open .geometry-recorder__shape--b::after,.geometry-recorder__diagram--section-unknown .geometry-recorder__shape--b::after{position:absolute;left:7px;top:3px;color:var(--axis-accent);content:"?";font:850 .86rem/1 var(--font-ui)}.geometry-recorder__diagram--section-family .geometry-recorder__shape--a{border-radius:48% 12% 38% 8%;clip-path:polygon(0 48%, 23% 8%, 72% 15%, 100% 50%, 64% 86%, 20% 93%)}.geometry-recorder__diagram--section-family .geometry-recorder__shape--b{left:38%;top:28%;width:24%;height:44%;border:2px dashed var(--geometry-surface);border-radius:45%}.geometry-recorder__diagram--section-rounded .geometry-recorder__shape--a{border-radius:58% 17% 48% 11%;clip-path:polygon(0 52%, 15% 18%, 48% 5%, 82% 22%, 100% 50%, 79% 78%, 42% 94%, 12% 80%)}.geometry-recorder__diagram--section-rounded .geometry-recorder__shape--b{left:35%;top:31%;width:30%;height:38%;border-right:2px dashed color-mix(in srgb, var(--axis-accent) 60%, transparent);border-radius:50%;transform:rotate(8deg)}.geometry-recorder__diagram--section-stepped .geometry-recorder__shape--a{clip-path:polygon(0 20%, 63% 20%, 63% 35%, 82% 35%, 82% 47%, 100% 50%, 82% 54%, 82% 67%, 63% 67%, 63% 81%, 0 81%)}.geometry-recorder__diagram--section-stepped .geometry-recorder__shape--b{left:55%;top:34%;width:22%;height:34%;border:solid var(--geometry-surface);border-width:0 0 2px 2px}.geometry-recorder__diagram--section-ridge .geometry-recorder__shape--a{clip-path:polygon(0 50%, 35% 12%, 55% 3%, 100% 50%, 55% 97%, 35% 88%)}.geometry-recorder__diagram--section-ridge .geometry-recorder__shape--b{left:51%;top:19%;width:2px;height:62%;background:var(--geometry-surface);transform:rotate(-14deg)}.geometry-recorder__diagram--section-hollow .geometry-recorder__shape--a{border-radius:12% 50% 50% 12%;clip-path:polygon(0 10%, 100% 10%, 100% 90%, 0 90%, 0 72%, 56% 67%, 70% 50%, 56% 33%, 0 28%)}.geometry-recorder__diagram--section-hollow .geometry-recorder__shape--b{left:31%;top:38%;width:32%;height:24%;border-right:2px dashed var(--axis-accent);border-radius:50%}.geometry-recorder__diagram--grind-open .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-unknown .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-family .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-rounded .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-blended .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-faceted .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-micro .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-serrated .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-tooth .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-claim .geometry-recorder__shape--a{left:14%;right:14%;top:28%;height:50%;border:2px solid var(--axis-accent);background:var(--axis-soft);clip-path:polygon(0 8%, 100% 8%, 100% 52%, 74% 69%, 0 96%)}.geometry-recorder__diagram--grind-open .geometry-recorder__shape--a,.geometry-recorder__diagram--grind-unknown .geometry-recorder__shape--a{border-style:dashed;opacity:.68}.geometry-recorder__diagram--grind-open .geometry-recorder__shape--b,.geometry-recorder__diagram--grind-unknown .geometry-recorder__shape--b{left:calc(50% - 11px);top:calc(50% - 8px);width:22px;height:22px;border:2px solid var(--axis-accent);border-radius:50%;background:var(--geometry-surface)}.geometry-recorder__diagram--grind-open .geometry-recorder__shape--b::after,.geometry-recorder__diagram--grind-unknown .geometry-recorder__shape--b::after{position:absolute;left:6px;top:2px;color:var(--axis-accent);content:"?";font:850 .9rem/1 var(--font-ui)}.geometry-recorder__diagram--grind-family .geometry-recorder__shape--a{border-radius:8px 8px 65% 12px}.geometry-recorder__diagram--grind-family .geometry-recorder__shape--b{left:19%;right:19%;bottom:27%;height:3px;border-radius:50%;background:var(--axis-accent);box-shadow:0 -10px 0 -1px color-mix(in srgb, var(--axis-accent) 42%, transparent)}.geometry-recorder__diagram--grind-rounded .geometry-recorder__shape--a{border-radius:9px 9px 78% 12px}.geometry-recorder__diagram--grind-rounded .geometry-recorder__shape--b{left:17%;right:17%;bottom:20%;height:24%;border-bottom:4px solid var(--axis-accent);border-radius:0 0 60% 20%}.geometry-recorder__diagram--grind-blended .geometry-recorder__shape--a{clip-path:polygon(0 8%, 100% 8%, 100% 48%, 85% 56%, 69% 69%, 0 96%)}.geometry-recorder__diagram--grind-blended .geometry-recorder__shape--b,.geometry-recorder__diagram--grind-faceted .geometry-recorder__shape--b{left:47%;top:45%;width:31%;height:2px;background:var(--axis-accent);transform:rotate(-13deg)}.geometry-recorder__diagram--grind-blended .geometry-recorder__shape--c{left:54%;top:56%;width:24%;height:2px;background:color-mix(in srgb, var(--axis-accent) 52%, transparent);transform:rotate(-23deg)}.geometry-recorder__diagram--grind-faceted .geometry-recorder__shape--a{clip-path:polygon(0 8%, 100% 8%, 100% 45%, 77% 61%, 58% 77%, 0 96%)}.geometry-recorder__diagram--grind-faceted .geometry-recorder__shape--c{left:54%;top:57%;width:25%;height:2px;background:var(--axis-accent);transform:rotate(-21deg)}.geometry-recorder__diagram--grind-micro .geometry-recorder__shape--b,.geometry-recorder__diagram--grind-serrated .geometry-recorder__shape--b,.geometry-recorder__diagram--grind-tooth .geometry-recorder__shape--b{left:18%;right:18%;bottom:20%;height:22px;background:repeating-linear-gradient(120deg, transparent 0 7px, var(--axis-accent) 7px 10px, transparent 10px 15px);clip-path:polygon(0 100%, 6% 32%, 12% 100%, 18% 32%, 24% 100%, 30% 32%, 36% 100%, 42% 32%, 48% 100%, 54% 32%, 60% 100%, 66% 32%, 72% 100%, 78% 32%, 84% 100%, 90% 32%, 96% 100%, 100% 58%, 100% 100%)}.geometry-recorder__diagram--grind-micro .geometry-recorder__shape--b{height:12px;opacity:.85}.geometry-recorder__diagram--grind-tooth .geometry-recorder__shape--b{height:30px;clip-path:polygon(0 100%, 9% 10%, 18% 100%, 29% 10%, 40% 100%, 51% 10%, 62% 100%, 73% 10%, 84% 100%, 95% 10%, 100% 55%, 100% 100%)}.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--b{left:calc(50% - 10px);top:31%;width:20px;height:55px;border:3px solid var(--axis-accent);border-radius:999px}.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--b::before,.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--b::after{position:absolute;content:""}.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--b::before{left:4px;bottom:4px;width:6px;height:30px;border-radius:999px;background:var(--axis-accent)}.geometry-recorder__diagram--grind-powered .geometry-recorder__shape--b::after{left:1px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--axis-accent)}.geometry-recorder__diagram--grind-claim .geometry-recorder__shape--b{left:31%;top:34%;width:38%;height:38%;border:3px dashed var(--axis-accent);border-radius:50%}.geometry-recorder__diagram--grind-claim .geometry-recorder__shape--c{left:48%;top:42%;width:4px;height:34px;border-radius:999px;background:var(--axis-accent)}.geometry-recorder__diagram--view-side .geometry-recorder__shape--a,.geometry-recorder__diagram--view-outer .geometry-recorder__shape--a,.geometry-recorder__diagram--view-end .geometry-recorder__shape--a,.geometry-recorder__diagram--view-multi .geometry-recorder__shape--a,.geometry-recorder__diagram--view-transition .geometry-recorder__shape--a,.geometry-recorder__diagram--view-orientation .geometry-recorder__shape--a,.geometry-recorder__diagram--view-detail .geometry-recorder__shape--a,.geometry-recorder__diagram--view-unknown .geometry-recorder__shape--a,.geometry-recorder__diagram--view-powered .geometry-recorder__shape--a{left:16%;top:21%;width:68%;height:58%;border:1px dashed color-mix(in srgb, var(--axis-accent) 60%, transparent);border-radius:12px}.geometry-recorder__diagram--view-side .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-outer .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-end .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-multi .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-transition .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-orientation .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-detail .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-unknown .geometry-recorder__shape--a::before,.geometry-recorder__diagram--view-powered .geometry-recorder__shape--a::before{position:absolute;left:50%;top:50%;width:8px;height:8px;content:"";border:2px solid var(--axis-accent);border-radius:50%;background:var(--geometry-surface);transform:translate(-50%, -50%)}.geometry-recorder__diagram--view-side .geometry-recorder__shape--b{left:23%;right:23%;top:49%;height:16%;border-top:4px solid var(--axis-accent);border-radius:50% 50% 0 0}.geometry-recorder__diagram--view-outer .geometry-recorder__shape--b{left:26%;top:32%;width:48%;height:38%;border:3px solid var(--axis-accent);border-radius:12px 50% 14px 55%;transform:skew(-8deg)}.geometry-recorder__diagram--view-end .geometry-recorder__shape--b{left:calc(50% - 30px);top:calc(50% - 29px);width:60px;height:58px;border:3px solid var(--axis-accent);border-radius:50% 13% 50% 13%;transform:rotate(45deg)}.geometry-recorder__diagram--view-multi .geometry-recorder__shape--b,.geometry-recorder__diagram--view-transition .geometry-recorder__shape--b{left:22%;top:31%;width:40%;height:3px;background:var(--axis-accent);box-shadow:38px 18px 0 -1px var(--axis-accent),70px 36px 0 -1px var(--axis-accent);transform:rotate(10deg)}.geometry-recorder__diagram--view-multi .geometry-recorder__shape--c,.geometry-recorder__diagram--view-transition .geometry-recorder__shape--c{right:21%;top:30%;width:2px;height:52%;background:repeating-linear-gradient(to bottom, var(--axis-accent) 0 5px, transparent 5px 9px)}.geometry-recorder__diagram--view-orientation .geometry-recorder__shape--b{left:25%;top:35%;width:50%;height:4px;border-radius:999px;background:var(--axis-accent);box-shadow:0 30px 0 color-mix(in srgb, var(--axis-accent) 54%, transparent)}.geometry-recorder__diagram--view-orientation .geometry-recorder__shape--c{right:24%;top:26%;width:23px;height:23px;border:solid var(--axis-accent);border-width:3px 3px 0 0;transform:rotate(45deg)}.geometry-recorder__diagram--view-detail .geometry-recorder__shape--b{left:29%;top:29%;width:58px;height:58px;border:4px solid var(--axis-accent);border-radius:50%}.geometry-recorder__diagram--view-detail .geometry-recorder__shape--c{left:calc(29% + 48px);top:calc(29% + 48px);width:45px;height:5px;border-radius:999px;background:var(--axis-accent);transform:rotate(45deg);transform-origin:left center}.geometry-recorder__diagram--view-unknown .geometry-recorder__shape--b{left:calc(50% - 15px);top:calc(50% - 18px);width:30px;height:36px;border:2px solid var(--axis-accent);border-radius:50%;background:var(--geometry-surface)}.geometry-recorder__diagram--view-unknown .geometry-recorder__shape--b::after{position:absolute;left:9px;top:5px;color:var(--axis-accent);content:"?";font:850 1.1rem/1 var(--font-ui)}.geometry-recorder__diagram--view-powered .geometry-recorder__shape--b{left:33%;top:30%;width:34%;height:45%;border:3px solid var(--axis-accent);border-radius:9px}.geometry-recorder__diagram--view-powered .geometry-recorder__shape--b::after{position:absolute;left:25%;right:25%;top:40%;height:4px;content:"";border-radius:999px;background:var(--axis-accent);box-shadow:0 9px 0 -1px var(--axis-accent)}.geometry-recorder__axis-copy{display:flex;flex-direction:column;padding:1rem}.geometry-recorder__axis-copy h3{margin:0;color:var(--geometry-ink);font-family:var(--heading-font-family);font-size:clamp(1.05rem,2vw,1.25rem);letter-spacing:-0.02em;line-height:1.15}.geometry-recorder__cue{margin:.55rem 0 0;color:var(--geometry-ink);font:650 .88rem/1.48 var(--font-ui)}.geometry-recorder__open{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:.55rem;align-items:start;margin:.85rem 0 0;padding:.72rem;border:1px solid color-mix(in srgb, var(--axis-accent) 26%, var(--geometry-line));border-radius:11px;background:var(--axis-soft)}.geometry-recorder__open strong{padding:.22rem .36rem;color:#fff;border-radius:6px;background:var(--axis-deep);font:800 .58rem/1.2 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.geometry-recorder__open span{color:var(--geometry-muted);font:550 .77rem/1.45 var(--font-ui);overflow-wrap:anywhere}.geometry-recorder__state-note{margin:auto 0 0;padding-top:.8rem;color:var(--geometry-muted);font:500 .7rem/1.4 var(--font-ui)}.geometry-recorder__footer{display:grid;grid-template-columns:minmax(220px, 0.68fr) minmax(0, 1.32fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;padding:clamp(1rem,3vw,2rem);border-top:1px solid var(--geometry-line);background:linear-gradient(90deg, rgba(36, 95, 199, 0.07), rgba(104, 73, 168, 0.06)),var(--geometry-sunk)}.geometry-recorder__boundary{margin:0;padding:.9rem 1rem;border-left:4px solid var(--geometry-blue);border-radius:0 11px 11px 0;background:var(--geometry-surface);color:var(--geometry-muted);font:540 .82rem/1.5 var(--font-ui)}.geometry-recorder__boundary strong{display:block;margin-bottom:.18rem;color:var(--geometry-ink);font-weight:820}.geometry-recorder__handoff{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.65rem;min-width:0;margin:0;padding:0;list-style:none}.geometry-recorder__handoff li{display:grid;grid-template-columns:31px minmax(0, 1fr);gap:.55rem;align-items:center;min-width:0;padding:.72rem;border:1px solid var(--geometry-line);border-radius:11px;background:var(--geometry-surface)}.geometry-recorder__handoff li>span{display:grid;width:31px;height:31px;place-items:center;color:#fff;border-radius:9px;background:var(--geometry-blue-deep);font:850 .68rem/1 var(--font-ui)}.geometry-recorder__handoff p,.geometry-recorder__handoff strong{display:block}.geometry-recorder__handoff p{min-width:0;margin:0;color:var(--geometry-muted);font:550 .68rem/1.35 var(--font-ui);overflow-wrap:anywhere}.geometry-recorder__handoff strong{margin-bottom:.12rem;color:var(--geometry-ink);font-size:.72rem}@media(max-width: 900px){.geometry-recorder__header,.geometry-recorder__footer{grid-template-columns:minmax(0, 1fr)}.geometry-recorder__scope{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 680px){.geometry-recorder{border-radius:19px}.geometry-recorder__header{padding:1.5rem 1rem 1rem}.geometry-recorder__scope,.geometry-recorder__axes,.geometry-recorder__handoff{grid-template-columns:minmax(0, 1fr)}.geometry-recorder__axes{padding-inline:.75rem}.geometry-recorder__axis{grid-template-rows:auto 142px minmax(0, 1fr)}.geometry-recorder__axis-head{grid-template-columns:auto minmax(0, 1fr)}.geometry-recorder__state{grid-column:1/-1;justify-self:start}.geometry-recorder__open{grid-template-columns:minmax(0, 1fr)}.geometry-recorder__open strong{justify-self:start}.geometry-recorder__footer{padding:.75rem}}@media(prefers-contrast: more){.geometry-recorder,.geometry-recorder__axis,.geometry-recorder__scope>div,.geometry-recorder__open,.geometry-recorder__handoff li{border-width:2px}.geometry-recorder__diagram{background:var(--geometry-surface)}}@media(forced-colors: active){.geometry-recorder,.geometry-recorder__scope>div,.geometry-recorder__axis,.geometry-recorder__diagram,.geometry-recorder__open,.geometry-recorder__boundary,.geometry-recorder__handoff li{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.geometry-recorder::before,.geometry-recorder__grid{display:none}.geometry-recorder__axis-index,.geometry-recorder__open strong,.geometry-recorder__handoff li>span{color:Canvas;background:CanvasText;forced-color-adjust:none}.geometry-recorder__shape,.geometry-recorder__shape::before,.geometry-recorder__shape::after,.geometry-recorder__scope-mark,.geometry-recorder__scope-mark::before,.geometry-recorder__scope-mark::after,.geometry-recorder__state i{border-color:CanvasText !important;background-color:CanvasText !important}}/*# sourceMappingURL=geometry-recorder.css.map */