:root {
  color-scheme: dark;
  --bg:#0c100e; --panel:#141a16; --soft:#1a211c; --line:#2b352f; --text:#f2f5ef;
  --muted:#a9b5ae; --quiet:#738078; --lime:#d9ff78; --blue:#76c7ff; --amber:#ffc86b; --red:#ff897d;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility;
}
* { box-sizing:border-box; }
html { min-width:320px; background:var(--bg); scrollbar-gutter:stable; }
body { min-width:320px; min-height:100vh; margin:0; background:radial-gradient(circle at 50% -20%,#223026 0,transparent 38%),var(--bg); color:var(--text); font-size:16px; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid var(--lime); outline-offset:3px; }
.site-header { position:sticky; top:0; z-index:30; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:25px; min-height:70px; padding:10px clamp(18px,4vw,58px); border-bottom:1px solid var(--line); background:rgba(12,16,14,.92); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; color:var(--text); text-decoration:none; }.brand-mark { width:29px; height:29px; border:1px solid #536159; border-radius:9px; background:linear-gradient(135deg,rgba(217,255,120,.2),transparent),var(--panel); box-shadow:inset 8px 0 var(--lime); }.brand > span:last-child { display:grid; }.brand strong { font-size:15px; }.brand small { color:var(--quiet); font-size:11px; }
.site-header nav { display:flex; justify-content:center; gap:5px; }.site-header nav a,.back-link { padding:9px 12px; border-radius:8px; color:var(--muted); font-size:13px; font-weight:700; text-decoration:none; }.site-header nav a:hover,.site-header nav a.active,.back-link:hover { background:var(--soft); color:var(--text); }.site-header nav a.active { color:var(--lime); }.back-link { white-space:nowrap; }
#app { width:min(1580px,94vw); min-height:calc(100vh - 70px); margin:auto; padding:clamp(32px,5vw,70px) 0 90px; outline:0; }
.loading-card { max-width:700px; padding:50px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }.loading-card span,.docs-home header > span { color:var(--lime); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.loading-card h1 { margin:10px 0 0; }
.docs-home { display:grid; gap:52px; padding-top:clamp(20px,5vw,70px); }.docs-home header { max-width:980px; }.docs-home h1 { margin:13px 0 22px; font-size:clamp(46px,7vw,88px); font-weight:620; letter-spacing:-.065em; line-height:.95; }.docs-home header p { max-width:760px; margin:0; color:var(--muted); font-size:19px; line-height:1.7; }.docs-home > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.docs-home > div a { display:grid; min-height:310px; align-content:start; padding:clamp(25px,4vw,44px); border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(217,255,120,.055),transparent 48%),var(--panel); color:var(--text); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }.docs-home > div a:nth-child(2) { background:linear-gradient(145deg,rgba(118,199,255,.06),transparent 48%),var(--panel); }.docs-home > div a:nth-child(3) { background:linear-gradient(145deg,rgba(255,185,105,.055),transparent 48%),var(--panel); }.docs-home > div a:hover { transform:translateY(-3px); border-color:#536159; }.docs-home > div span { color:var(--quiet); font-size:11px; font-weight:800; text-transform:uppercase; }.docs-home h2 { margin:14px 0; font-size:38px; }.docs-home > div p { max-width:540px; margin:0; color:var(--muted); line-height:1.7; }.docs-home > div strong { align-self:end; margin-top:42px; color:var(--lime); }
.docs-shell { display:grid; grid-template-columns:245px minmax(0,1fr) 190px; align-items:start; gap:clamp(24px,3vw,48px); }
.docs-sidebar,.docs-outline { position:sticky; top:96px; max-height:calc(100vh - 120px); overflow:auto; scrollbar-width:thin; }.docs-sidebar { padding-right:20px; border-right:1px solid var(--line); }.docs-sidebar > label { position:relative; display:grid; gap:8px; margin-bottom:24px; }.docs-sidebar > label span { color:var(--quiet); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.docs-sidebar > label::after { position:absolute; top:31px; left:12px; color:var(--quiet); content:'⌕'; font-size:19px; pointer-events:none; }.docs-sidebar input { width:100%; height:40px; padding:0 12px 0 35px; border:1px solid #36423c; border-radius:8px; background:#0e1210; color:var(--text); outline:0; }.docs-sidebar input:focus { border-color:var(--lime); }.docs-sidebar nav { display:grid; gap:24px; }.docs-sidebar nav section { display:grid; gap:3px; }.docs-sidebar nav h2 { margin:0 0 7px; color:#c5cec8; font-size:12px; }.docs-sidebar nav a { display:grid; gap:3px; padding:8px 10px; border-left:2px solid transparent; border-radius:0 7px 7px 0; color:var(--muted); text-decoration:none; }.docs-sidebar nav a span { font-size:13px; font-weight:650; }.docs-sidebar nav a small { display:none; color:var(--quiet); font-size:11px; line-height:1.4; }.docs-sidebar nav a:hover { background:rgba(255,255,255,.035); color:var(--text); }.docs-sidebar nav a[aria-current=page] { border-left-color:var(--lime); background:linear-gradient(90deg,rgba(217,255,120,.08),transparent); color:var(--text); }.docs-sidebar [hidden] { display:none; }
.docs-main { min-width:0; }.docs-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; color:var(--quiet); font-size:12px; }.docs-breadcrumb a { color:var(--muted); text-decoration:none; }.docs-breadcrumb a:hover { color:var(--text); }.docs-breadcrumb strong { color:#c9d2cc; font-weight:650; }.docs-mobile-nav { display:none; }
.docs-page-header { max-width:820px; margin-bottom:54px; }.docs-page-header > span { color:var(--lime); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.docs-page-header h1 { max-width:800px; margin:11px 0 18px; font-size:clamp(38px,5vw,64px); font-weight:630; letter-spacing:-.052em; line-height:1.02; }.docs-page-header p { max-width:800px; margin:0; color:#b3beb7; font-size:18px; line-height:1.75; }
.docs-article { min-width:0; max-width:900px; }.docs-article > section { margin:0 0 56px; scroll-margin-top:104px; }.docs-article > section > .docs-code,.docs-article > section > .docs-table-wrap { margin-top:20px; }.docs-article h2 { margin:0 0 16px; font-size:29px; font-weight:640; letter-spacing:-.025em; line-height:1.2; }.docs-article h3 { margin:0 0 8px; font-size:17px; line-height:1.4; }.docs-article p { margin:0 0 17px; color:#acb8b1; font-size:15px; line-height:1.82; }.docs-article p:last-child { margin-bottom:0; }.docs-article a { color:var(--lime); text-underline-offset:3px; }.docs-article code { padding:2px 5px; border:1px solid rgba(255,255,255,.06); border-radius:5px; background:#080b0a; color:#d6e1da; font-size:.88em; }
.docs-outline { padding-left:18px; border-left:1px solid var(--line); }.docs-outline > strong { display:block; margin-bottom:12px; font-size:12px; }.docs-outline nav { display:grid; gap:2px; }.docs-outline a { padding:6px 0; color:var(--quiet); font-size:12px; line-height:1.45; text-decoration:none; }.docs-outline a:hover { color:var(--text); }
.docs-note,.docs-definition { display:grid; grid-template-columns:126px minmax(0,1fr); gap:18px; margin:24px 0; padding:18px 20px; border:1px solid rgba(118,199,255,.28); border-radius:10px; background:rgba(118,199,255,.045); }.docs-note > strong,.docs-definition > span { padding-top:2px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.docs-note div p,.docs-definition p { margin:0; color:#b9c5be; font-size:14px; line-height:1.7; }.docs-definition p strong { color:var(--text); }.docs-note.accent { border-color:rgba(217,255,120,.28); background:rgba(217,255,120,.045); }.docs-note.accent > strong { color:var(--lime); }.docs-note.warning { border-color:rgba(255,200,107,.32); background:rgba(255,200,107,.045); }.docs-note.warning > strong { color:var(--amber); }.docs-note.danger { border-color:rgba(255,137,125,.34); background:rgba(255,137,125,.05); }.docs-note.danger > strong { color:var(--red); }
.docs-claim-grid,.docs-two-up,.docs-three-up,.docs-four-up,.docs-link-grid { display:grid; gap:10px; }.docs-claim-grid,.docs-three-up { grid-template-columns:repeat(3,minmax(0,1fr)); }.docs-four-up { grid-template-columns:repeat(4,minmax(0,1fr)); }.docs-two-up,.docs-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.docs-claim-grid article,.docs-two-up article,.docs-three-up article,.docs-four-up article { padding:20px; border:1px solid var(--line); border-radius:11px; background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--panel); }.docs-claim-grid article { border-top:3px solid #57645d; }.docs-claim-grid article.positive { border-top-color:var(--lime); }.docs-claim-grid span,.docs-three-up span,.docs-four-up span { display:block; margin-bottom:11px; color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.docs-claim-grid p,.docs-two-up p,.docs-three-up p,.docs-four-up p { margin:0; font-size:13px; line-height:1.65; }.docs-link-grid a { display:grid; gap:7px; padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:inherit; text-decoration:none; }.docs-link-grid a:hover { border-color:#55645c; background:var(--soft); }.docs-link-grid span { color:var(--quiet); font-size:10px; font-weight:800; text-transform:uppercase; }.docs-link-grid strong { color:var(--text); }.docs-link-grid small { color:var(--muted); line-height:1.5; }
.docs-steps { position:relative; display:grid; gap:0; margin:0; padding:0; list-style:none; }.docs-steps::before { position:absolute; top:22px; bottom:22px; left:21px; width:1px; background:linear-gradient(var(--lime),var(--blue),var(--line)); content:''; }.docs-steps li { position:relative; display:grid; grid-template-columns:44px 1fr; gap:18px; padding:0 0 26px; }.docs-steps li > span { z-index:1; display:grid; width:43px; height:43px; border:1px solid #536159; border-radius:50%; background:var(--bg); color:var(--lime); font-size:11px; font-weight:800; place-items:center; }.docs-steps h3 { margin-top:2px; }.docs-steps p { margin:0; font-size:14px; }
.docs-outcome-stack { display:grid; gap:12px; }.docs-outcome-stack article { display:grid; grid-template-columns:minmax(150px,180px) minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:28px; row-gap:8px; align-items:start; padding:24px 26px 24px 24px; border:1px solid var(--line); border-left:4px solid #59665f; border-radius:12px; background:linear-gradient(110deg,rgba(255,255,255,.024),transparent 46%),var(--panel); }.docs-outcome-stack article.certified { border-left-color:var(--lime); }.docs-outcome-stack article.review { border-left-color:var(--amber); }.docs-outcome-stack article > span { display:flex; grid-row:1/4; grid-column:1; align-items:flex-start; gap:9px; padding-top:3px; color:#8e9b93; font-size:11px; font-weight:750; letter-spacing:.065em; line-height:1.5; text-transform:uppercase; }.docs-outcome-stack article > span::before { width:7px; height:7px; flex:0 0 auto; margin-top:4px; border-radius:50%; background:#68756d; box-shadow:0 0 0 4px rgba(104,117,109,.12); content:''; }.docs-outcome-stack article.certified > span { color:#c9eb75; }.docs-outcome-stack article.certified > span::before { background:var(--lime); box-shadow:0 0 0 4px rgba(217,255,120,.12); }.docs-outcome-stack article.review > span { color:#e5b864; }.docs-outcome-stack article.review > span::before { background:var(--amber); box-shadow:0 0 0 4px rgba(255,200,107,.12); }.docs-outcome-stack article > h3 { grid-row:1; grid-column:2; margin:0; font-size:19px; font-weight:700; letter-spacing:-.012em; line-height:1.35; }.docs-outcome-stack article > p { grid-row:2; grid-column:2; margin:0; color:#b6c1ba; font-size:14px; line-height:1.7; }.docs-outcome-stack article > strong { grid-row:3; grid-column:2; margin-top:4px; padding-top:11px; border-top:1px solid rgba(255,255,255,.075); color:#dbe3de; font-size:13px; font-weight:650; line-height:1.5; }.docs-outcome-stack article.certified > strong { color:#d9ecaa; }.docs-outcome-stack article.review > strong { color:#ebce97; }
.docs-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 26px; margin:0; padding:0; list-style:none; }.docs-checklist li { position:relative; padding:12px 12px 12px 36px; border-bottom:1px solid rgba(255,255,255,.06); color:#aeb9b3; font-size:14px; line-height:1.55; }.docs-checklist li::before { position:absolute; top:12px; left:9px; color:var(--lime); content:'✓'; font-weight:800; }.docs-checklist.negative li::before { color:var(--amber); content:'—'; }
.docs-numbered { display:grid; gap:8px; margin:0; padding:0; counter-reset:docs-numbered; list-style:none; }.docs-numbered li { display:grid; grid-template-columns:minmax(180px,.7fr) 1.3fr; gap:20px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.07); counter-increment:docs-numbered; }.docs-numbered strong::before { margin-right:10px; color:var(--lime); content:counter(docs-numbered,decimal-leading-zero); font-size:11px; }.docs-numbered span { color:var(--muted); font-size:14px; line-height:1.6; }
.docs-table-wrap { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:11px; }.docs-table { width:100%; min-width:760px; border-collapse:collapse; background:rgba(18,23,21,.8); }.docs-table th { padding:13px 17px; background:#151b18; color:var(--quiet); font-size:10px; line-height:1.35; letter-spacing:.06em; text-align:left; text-transform:uppercase; }.docs-table td { padding:18px 17px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.68; vertical-align:top; }.docs-table-value { display:block; min-width:0; }.docs-table td strong { color:var(--text); }.docs-table code { white-space:nowrap; }.settings-reference { min-width:820px; table-layout:fixed; }.settings-reference th:nth-child(1) { width:25%; }.settings-reference th:nth-child(2) { width:18%; }.settings-reference th:nth-child(3),.settings-reference th:nth-child(4) { width:28.5%; }.settings-reference td:first-child code { white-space:normal; overflow-wrap:anywhere; }.setting-value { display:grid; gap:4px; align-content:start; }.setting-value strong { font-size:14px; line-height:1.3; }.setting-value small { color:var(--quiet); font-size:11px; line-height:1.5; }
.docs-code { min-width:0; overflow:hidden; border:1px solid #2e3933; border-radius:10px; background:#080b0a; }.docs-code-toolbar { display:flex; align-items:center; gap:8px; min-height:42px; padding:6px 10px 6px 12px; border-bottom:1px solid #26302b; background:#101512; }.docs-code-toolbar > span:first-child { color:#d2dad5; font-size:12px; font-weight:700; }.docs-code-toolbar > small { color:var(--quiet); font-size:10px; text-transform:uppercase; }.docs-code-actions { display:flex; align-items:center; gap:2px; margin-left:auto; }.docs-code-toolbar button { padding:5px 8px; border:0; border-radius:5px; background:transparent; color:var(--muted); cursor:pointer; font:inherit; font-size:11px; }.docs-code-toolbar button:hover { background:var(--soft); color:var(--text); }.docs-code-toolbar button:focus-visible { outline-offset:1px; }.docs-code pre,.json-tree { min-height:160px; max-height:500px; margin:0; padding:17px; overflow:auto; }.docs-code code,.json-tree code { padding:0; border:0; background:transparent; color:#c9d6ce; font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; }.docs-code pre code { white-space:pre; }.typescript-code .ts-keyword { color:#cba6f7; font-weight:650; }.typescript-code .ts-call { color:#76c7ff; }.typescript-code .ts-property { color:#9ad5ff; }.typescript-code .ts-string { color:#b7df9d; }.typescript-code .ts-number { color:#b7a1ff; }.typescript-code .ts-literal { color:#ffc86b; }.typescript-code .ts-punctuation { color:#7f8d84; }.json-tree code { display:block; min-width:max-content; white-space:normal; }.json-node,.json-children { display:block; }.json-children[hidden],[data-json-summary][hidden] { display:none!important; }.json-line { position:relative; display:flex; min-width:max-content; min-height:1.65em; padding-inline-start:var(--json-indent); border-radius:4px; white-space:pre; }.json-branch { width:max-content; padding-block:0; padding-inline-end:.3rem; border:0; appearance:none; background:transparent; color:inherit; font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:start; }.json-branch:hover { background:rgba(118,199,255,.08); }.json-branch:focus-visible { outline:2px solid var(--blue); outline-offset:1px; }.json-key { color:#76c7ff; font-weight:650; }.json-string { color:#b7df9d; }.json-number { color:#b7a1ff; }.json-boolean { color:#ffc86b; }.json-null { color:#ff91be; }.json-punctuation { color:#7f8d84; }.json-ellipsis { padding-inline:.25em; color:#a9b5ae; }
.api-endpoint { padding-top:8px; }.endpoint-title { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:13px; }.endpoint-title > code { padding:6px 8px; font-size:13px; }.endpoint-title > span:last-child { color:var(--quiet); font-size:11px; }.method { min-width:52px; padding:6px 8px; border-radius:6px; background:rgba(118,199,255,.12); color:var(--blue); font-size:10px; font-weight:850; text-align:center; }.method.post { background:rgba(217,255,120,.11); color:var(--lime); }.method.put { background:rgba(255,200,107,.11); color:var(--amber); }.method.delete { background:rgba(255,137,125,.11); color:var(--red); }.endpoint-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:10px; margin-top:18px; }.endpoint-detail { padding:11px 13px; border-left:2px solid var(--blue); background:rgba(118,199,255,.04); }
.docs-glossary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; }.docs-glossary > div { padding:17px; border:1px solid var(--line); border-radius:9px; background:var(--panel); }.docs-glossary dt { font-size:14px; font-weight:750; }.docs-glossary dd { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.docs-pagination { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:70px; padding-top:24px; border-top:1px solid var(--line); }.docs-pagination a { display:grid; gap:6px; padding:15px; border:1px solid var(--line); border-radius:9px; text-decoration:none; }.docs-pagination a:hover { background:var(--panel); }.docs-pagination a span { color:var(--quiet); font-size:10px; font-weight:800; text-transform:uppercase; }.docs-pagination a strong { color:var(--text); font-size:14px; }.docs-pagination .next { text-align:right; }
.docs-diagram { display:grid; grid-template-columns:1fr auto 1.3fr; align-items:center; gap:28px; min-height:260px; margin:23px 0; padding:30px; border:1px solid var(--line); border-radius:13px; background:#0c100e; color:var(--quiet); font-size:12px; text-align:center; }.sphere-art { position:relative; width:160px; height:160px; margin:auto; border:2px solid var(--blue); border-radius:50%; }.sphere-art::before,.sphere-art::after { position:absolute; inset:25% -1px; border:1px solid #3e5449; border-radius:50%; content:''; }.sphere-art::after { inset:-1px 30%; }.sphere-art b,.pano-art b { position:absolute; right:0; bottom:-28px; left:0; white-space:nowrap; }.pano-art { position:relative; height:150px; border:2px solid var(--lime); border-radius:5px; background:linear-gradient(90deg,transparent 24.5%,#344038 25%,transparent 25.5%,transparent 49.5%,#344038 50%,transparent 50.5%,transparent 74.5%,#344038 75%,transparent 75.5%),linear-gradient(transparent 32.5%,#344038 33%,transparent 33.5%,transparent 65.5%,#344038 66%,transparent 66.5%); }
.ray-explainer { position:relative; display:grid; grid-template-columns:110px 1fr 100px 1fr 110px; align-items:end; min-height:210px; margin:25px 0; padding:30px 20px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#0c100e; }.camera-node,.scene-point { z-index:2; padding:12px; border:1px solid var(--blue); border-radius:8px; background:var(--panel); text-align:center; }.scene-point { align-self:start; border-color:var(--lime); border-radius:999px; color:var(--lime); }.ray { position:absolute; top:62px; width:43%; height:1px; background:linear-gradient(90deg,var(--blue),var(--lime)); transform-origin:center; }.ray.one { left:9%; transform:rotate(-21deg); }.ray.two { right:9%; transform:rotate(21deg); }
.evidence-pipeline,.run-state-flow,.coordinate-flow,.mask-flow,.map-flow,.lifecycle-visual,.upload-sequence { display:flex; align-items:stretch; gap:8px; margin:24px 0; overflow-x:auto; }.evidence-pipeline > span,.run-state-flow > span,.coordinate-flow > span,.mask-flow > span,.map-flow > span,.lifecycle-visual > span,.upload-sequence > span { display:grid; min-width:135px; flex:1; align-content:center; gap:6px; padding:16px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:9px; background:var(--panel); text-align:center; }.evidence-pipeline small,.run-state-flow small,.lifecycle-visual small,.upload-sequence small { color:var(--muted); font-size:11px; }.evidence-pipeline > i,.run-state-flow > i,.coordinate-flow > i,.mask-flow > i,.map-flow > i,.lifecycle-visual > i,.upload-sequence > i { align-self:center; color:var(--quiet); font-style:normal; }.run-state-flow > span.failed { border-top-color:var(--red); }.lifecycle-visual b,.upload-sequence i { color:var(--lime); }
.docs-graph { display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:10px; min-height:190px; margin:23px 0; padding:30px; border:1px solid var(--line); border-radius:12px; background:#0c100e; }.docs-graph > span { display:grid; width:94px; height:94px; border:1px solid var(--blue); border-radius:50%; background:var(--panel); place-items:center; text-align:center; }.docs-graph > i { height:1px; background:var(--lime); }.docs-graph > small { grid-column:1/-1; color:var(--quiet); text-align:center; }
.concept-illustration,.reconstruction-figure,.gravity-figure { margin:25px 0; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#0a0e0c; }.concept-illustration img { display:block; width:100%; height:auto; background:#d9d4ca; filter:saturate(.82) brightness(.86) contrast(1.04); }.concept-illustration figcaption,.reconstruction-figure figcaption,.gravity-figure figcaption { padding:15px 18px 17px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.65; }.concept-illustration figcaption strong,.reconstruction-figure figcaption strong { color:var(--text); }
.sfm-reference { margin:25px 0; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#edf0e9; }.sfm-reference img { display:block; width:100%; height:auto; }.sfm-reference figcaption { padding:15px 18px 17px; border-top:1px solid var(--line); background:#0a0e0c; color:var(--muted); font-size:13px; line-height:1.65; }.sfm-reference figcaption strong { color:var(--text); }.sfm-boundaries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:24px 0; }.sfm-boundaries article { display:grid; align-content:start; gap:7px; padding:18px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:10px; background:var(--panel); }.sfm-boundaries article:nth-child(2) { border-top-color:var(--lime); }.sfm-boundaries article:nth-child(3) { border-top-color:var(--amber); }.sfm-boundaries span { color:var(--quiet); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.sfm-boundaries strong { font-size:14px; }.sfm-boundaries p { margin:0; font-size:12px; line-height:1.55; }.sfm-loop { display:grid; grid-template-columns:repeat(9,max-content); align-items:center; justify-content:start; gap:7px; margin:24px 0; padding:18px; overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:#0a0e0c; }.sfm-loop > span { display:grid; min-width:150px; min-height:72px; align-content:center; gap:5px; padding:12px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:9px; background:var(--panel); text-align:center; }.sfm-loop > span.seed { border-top-color:var(--lime); }.sfm-loop small { color:var(--muted); font-size:9px; }.sfm-loop > i { color:var(--quiet); font-style:normal; }.sfm-loop > em,.sfm-loop > strong { grid-column:1/-1; padding:7px 10px; border-radius:7px; color:var(--quiet); font-size:10px; font-style:normal; font-weight:800; letter-spacing:.06em; text-align:center; text-transform:uppercase; }.sfm-loop > em { border:1px dashed rgba(118,199,255,.24); }.sfm-loop > strong { background:rgba(217,255,120,.07); color:var(--lime); }
.comparison-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:23px 0; }.comparison-cards article { padding:21px; border:1px solid var(--line); border-top:3px solid var(--lime); border-radius:11px; background:var(--panel); }.comparison-cards article.risky { border-top-color:var(--amber); }.comparison-cards article > span { display:block; margin-bottom:9px; color:var(--lime); font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.comparison-cards article.risky > span { color:var(--amber); }.comparison-cards ul { display:grid; gap:8px; margin:13px 0 0; padding-left:19px; color:var(--muted); font-size:13px; line-height:1.55; }
.panorama-format-visual { display:grid; grid-template-columns:minmax(180px,.72fr) auto minmax(280px,1.4fr); align-items:center; gap:25px; min-height:280px; margin:25px 0; padding:30px; border:1px solid var(--line); border-radius:14px; background:radial-gradient(circle at 24% 40%,rgba(118,199,255,.06),transparent 26%),#0a0e0c; }.panorama-format-visual > i { color:var(--quiet); font-size:11px; font-style:normal; font-weight:750; letter-spacing:.06em; text-align:center; text-transform:uppercase; }.viewing-sphere { position:relative; display:grid; aspect-ratio:1; width:min(190px,100%); margin:auto; border:2px solid var(--blue); border-radius:50%; background:radial-gradient(circle at 38% 33%,rgba(118,199,255,.18),transparent 23%),rgba(118,199,255,.035); place-items:center; }.viewing-sphere::before,.viewing-sphere::after { position:absolute; border:1px solid rgba(118,199,255,.35); border-radius:50%; content:''; }.viewing-sphere::before { inset:17% -1px; }.viewing-sphere::after { inset:-1px 31%; }.viewing-sphere span { z-index:1; padding:5px 8px; border-radius:6px; background:rgba(10,14,12,.82); color:#d8e8df; font-size:12px; }.equirectangular-map { position:relative; display:grid; aspect-ratio:2/1; min-width:0; overflow:hidden; border:2px solid var(--lime); border-radius:7px; background:linear-gradient(90deg,rgba(255,200,107,.2) 0 3%,transparent 3% 97%,rgba(255,200,107,.2) 97%),linear-gradient(180deg,rgba(118,199,255,.12),transparent 35%,rgba(217,255,120,.08) 65%,rgba(217,255,120,.16)),repeating-linear-gradient(90deg,transparent 0 24.6%,rgba(255,255,255,.08) 24.8% 25%,transparent 25.2% 49.6%,rgba(255,255,255,.08) 49.8% 50%,transparent 50.2% 74.6%,rgba(255,255,255,.08) 74.8% 75%,transparent 75.2%); place-items:center; }.equirectangular-map > span { color:#e2e9e4; font-size:13px; font-weight:700; }.equirectangular-map > b { position:absolute; top:10px; color:var(--amber); font-size:10px; }.equirectangular-map > b:first-child { left:7px; }.equirectangular-map > b:nth-of-type(2) { right:7px; }.equirectangular-map > small { position:absolute; right:0; bottom:0; left:0; padding:7px; background:rgba(10,14,12,.78); color:#ddc894; font-size:10px; text-align:center; }
.concept-ladder { display:grid; gap:0; margin:23px 0; padding:0; border:1px solid var(--line); border-radius:13px; background:#0a0e0c; list-style:none; }.concept-ladder li { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; padding:16px 19px; border-bottom:1px solid var(--line); }.concept-ladder li:last-child { border-bottom:0; }.concept-ladder li > span { align-self:start; width:max-content; padding:4px 8px; border:1px solid rgba(118,199,255,.3); border-radius:999px; background:rgba(118,199,255,.07); color:var(--blue); font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.concept-ladder li:last-child > span { border-color:rgba(217,255,120,.32); background:rgba(217,255,120,.07); color:var(--lime); }.concept-ladder strong { display:block; margin-bottom:3px; color:var(--text); font-size:14px; }.concept-ladder p { margin:0; font-size:13px; }
.descriptor-explainer { display:grid; grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr); align-items:center; gap:20px; margin:24px 0; padding:25px; border:1px solid var(--line); border-radius:13px; background:#0a0e0c; }.patch-example { position:relative; display:grid; grid-template-columns:repeat(2,1fr); aspect-ratio:3/2; overflow:hidden; border:1px solid #45524b; border-radius:9px; background:linear-gradient(135deg,#29312c 0 28%,#bdc6bd 28% 34%,#3d4841 34% 61%,#d9e0d7 61% 67%,#242c27 67%); }.patch-example::after { position:absolute; top:50%; left:50%; width:17px; height:17px; border:2px solid var(--amber); border-radius:50%; box-shadow:0 0 0 5px rgba(255,200,107,.12); content:''; transform:translate(-50%,-50%); }.patch-example i { border-right:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }.patch-example span,.descriptor-vector span { position:absolute; right:0; bottom:0; left:0; padding:7px; background:rgba(8,11,10,.86); color:var(--muted); font-size:10px; font-style:normal; text-align:center; }.descriptor-arrow { color:var(--quiet); font-size:11px; line-height:1.5; text-align:center; }.descriptor-vector { position:relative; display:grid; min-height:116px; padding:20px 15px 38px; border:1px solid rgba(217,255,120,.28); border-radius:9px; background:rgba(217,255,120,.04); place-items:center; }.descriptor-vector code { color:#d9ecaa; font-size:13px; white-space:nowrap; }
.ransac-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:24px 0; padding:0; list-style:none; counter-reset:none; }.ransac-steps li { min-width:0; padding:17px 15px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }.ransac-steps li > span { display:block; margin-bottom:13px; color:var(--lime); font-size:10px; font-weight:850; }.ransac-steps strong { display:block; min-height:42px; font-size:13px; line-height:1.45; }.ransac-steps p { margin:8px 0 0; font-size:12px; line-height:1.55; }.consensus-example { display:grid; grid-template-columns:1fr auto 1fr 1fr; align-items:stretch; gap:9px; margin:23px 0; }.consensus-example div { padding:17px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:10px; background:var(--panel); }.consensus-example div.accepted { border-top-color:var(--lime); }.consensus-example div.rejected { border-top-color:var(--amber); }.consensus-example > i { align-self:center; color:var(--quiet); font-size:10px; font-style:normal; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.consensus-example span { color:var(--text); font-size:14px; font-weight:750; }.consensus-example p { margin:7px 0 0; font-size:12px; line-height:1.5; }
.coverage-comparison { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }.coverage-strip { position:relative; height:118px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.075) calc(25% - 1px) 25%); }.coverage-strip > span { position:absolute; width:10px; height:10px; border:2px solid var(--blue); border-radius:50%; background:#0a0e0c; }.coverage-strip.weak > span:nth-child(1) { top:24px; left:12%; }.coverage-strip.weak > span:nth-child(2) { top:43px; left:16%; }.coverage-strip.weak > span:nth-child(3) { top:67px; left:13%; }.coverage-strip.weak > span:nth-child(4) { top:49px; left:20%; }.coverage-strip.strong > span:nth-child(1) { top:23px; left:8%; }.coverage-strip.strong > span:nth-child(2) { top:67px; left:19%; }.coverage-strip.strong > span:nth-child(3) { top:35px; left:37%; }.coverage-strip.strong > span:nth-child(4) { top:70px; left:57%; }.coverage-strip.strong > span:nth-child(5) { top:28px; left:76%; }.coverage-strip.strong > span:nth-child(6) { top:60px; left:91%; }.coverage-strip b { position:absolute; right:0; bottom:0; left:0; padding:7px; background:rgba(8,11,10,.84); color:var(--muted); font-size:10px; text-align:center; }
.reconstruction-figure svg { display:block; width:100%; height:auto; background:radial-gradient(circle at 52% 44%,rgba(118,199,255,.06),transparent 38%),#0a0e0c; }.reconstruction-figure .observation-rays { fill:none; stroke:#617b6e; stroke-width:2; stroke-dasharray:6 5; }.reconstruction-figure .landmarks { fill:var(--lime); stroke:#0a0e0c; stroke-width:3; }.reconstruction-figure .cameras { fill:rgba(118,199,255,.16); stroke:var(--blue); stroke-width:3; }.reconstruction-figure .figure-labels { fill:#aebbb3; font-size:15px; text-anchor:middle; }.reconstruction-figure .figure-labels text:last-child { fill:#d6e0da; font-size:14px; }.mapper-starts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:24px 0; }.mapper-starts > span { display:grid; gap:6px; padding:16px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:9px; background:var(--panel); text-align:center; }.mapper-starts small { color:var(--muted); font-size:11px; }.mapper-starts > i,.mapper-starts > strong { grid-column:1/-1; padding:8px; color:var(--quiet); font-size:11px; font-style:normal; letter-spacing:.06em; text-align:center; text-transform:uppercase; }.mapper-starts > strong { border-radius:7px; background:rgba(217,255,120,.07); color:var(--lime); }
.certification-path { display:flex; align-items:stretch; gap:6px; margin:24px 0; }.certification-path > span { display:grid; min-width:108px; flex:1; align-content:center; gap:6px; padding:13px 10px; border:1px solid var(--line); border-radius:9px; background:var(--panel); font-size:13px; text-align:center; }.certification-path small { color:var(--muted); font-size:9px; line-height:1.45; }.certification-path > i { display:grid; min-width:21px; align-self:center; width:21px; height:21px; border:1px solid #4d5b53; border-radius:50%; color:var(--quiet); font-size:9px; font-style:normal; place-items:center; }.certification-path > strong { display:grid; min-width:108px; padding:13px 10px; border:1px solid rgba(217,255,120,.36); border-radius:9px; background:rgba(217,255,120,.07); color:var(--lime); font-size:12px; place-items:center; text-align:center; }.leave-one-out { display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:10px; margin:23px 0; }.leave-one-out span { display:grid; gap:6px; padding:18px; border:1px solid var(--line); border-radius:10px; background:var(--panel); text-align:center; }.leave-one-out small { color:var(--muted); font-size:11px; }.leave-one-out > i { align-self:center; color:var(--quiet); font-style:normal; }
.gravity-figure { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:28px 28px 0; }.gravity-figure > div { position:relative; min-height:190px; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.045) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.045) 40px),#0e1310; }.gravity-figure .tilted-frame { transform:rotate(11deg) scale(.88); }.gravity-figure > em { color:var(--quiet); font-size:11px; font-style:normal; text-align:center; }.gravity-figure .axis { position:absolute; z-index:2; color:var(--blue); font-size:11px; font-weight:800; }.gravity-figure .axis.y { top:17px; left:50%; }.gravity-figure .axis.x { right:15px; bottom:47%; }.gravity-figure div > i::before,.gravity-figure div > i::after { position:absolute; background:var(--blue); content:''; }.gravity-figure div > i::before { top:20px; bottom:50%; left:50%; width:2px; }.gravity-figure div > i::after { right:18px; bottom:50%; left:50%; height:2px; }.gravity-figure div > b { position:absolute; right:0; bottom:0; left:0; padding:8px; background:rgba(8,11,10,.86); color:var(--muted); font-size:10px; text-align:center; }.gravity-figure figcaption { grid-column:1/-1; margin:0 -28px; }.scale-ambiguity { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; margin:24px 0; padding:24px; border:1px solid var(--line); border-radius:13px; background:#0a0e0c; }.scale-ambiguity > div { position:relative; display:flex; align-items:center; gap:0; min-height:92px; }.scale-ambiguity > div:first-child { padding-inline:18%; }.scale-ambiguity span { display:grid; width:46px; height:46px; flex:0 0 auto; border:2px solid var(--blue); border-radius:50%; background:var(--panel); font-size:12px; place-items:center; }.scale-ambiguity i { height:2px; flex:1; background:var(--lime); }.scale-ambiguity > strong { color:var(--quiet); font-size:10px; line-height:1.5; text-align:center; text-transform:uppercase; }.scale-ambiguity small { position:absolute; right:0; bottom:0; left:0; color:var(--muted); font-size:10px; text-align:center; }
.product-triad { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:10px; }.product-triad article { display:grid; gap:8px; padding:20px; border:1px solid var(--line); border-radius:11px; background:var(--panel); }.product-triad article span { color:var(--lime); font-size:11px; font-weight:800; text-transform:uppercase; }.product-triad article p { margin:0; font-size:13px; }.product-triad > i { align-self:center; color:var(--quiet); font-style:normal; }
.tour-graph { display:flex; align-items:center; justify-content:center; gap:0; margin:24px 0; padding:35px; border:1px solid var(--line); border-radius:13px; background:#0b0f0d; }.tour-graph span { display:grid; width:90px; height:90px; border:2px solid var(--blue); border-radius:50%; background:var(--panel); font-size:20px; place-items:center; text-align:center; }.tour-graph small { color:var(--muted); font-size:10px; }.tour-graph i { width:80px; height:2px; background:var(--lime); }.tour-graph i.branch { width:55px; transform:rotate(-35deg); transform-origin:left; }
.ground-geometry { position:relative; min-height:280px; margin:24px 0; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:linear-gradient(#101b1f 0 49%,#151a16 50%); }.ground-plane { position:absolute; right:0; bottom:0; left:0; height:48%; background:repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.045) 70px),repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.045) 50px); transform:perspective(250px) rotateX(58deg); transform-origin:bottom; }.camera-stick { position:absolute; bottom:70px; left:22%; z-index:2; display:grid; justify-items:center; }.camera-stick i { width:3px; height:105px; background:var(--blue); }.camera-stick b { padding:5px 8px; border-radius:5px; background:var(--panel); font-size:11px; }.ground-ring { position:absolute; right:18%; bottom:55px; z-index:3; width:140px; height:45px; border:8px double var(--lime); border-radius:50%; text-align:center; }.ground-ring b { position:absolute; top:52px; right:-30px; left:-30px; font-size:11px; }.sight-line { position:absolute; top:105px; right:25%; left:25%; z-index:2; height:2px; background:linear-gradient(90deg,var(--blue),var(--lime)); transform:rotate(18deg); }
.architecture-flow { display:grid; grid-template-columns:1fr auto 1.25fr auto 1fr; align-items:center; gap:10px; margin:25px 0; padding:25px; border:1px solid var(--line); border-radius:13px; background:#0b0f0d; }.architecture-flow div { display:grid; gap:5px; padding:18px; border:1px solid var(--line); border-radius:10px; background:var(--panel); text-align:center; }.architecture-flow .storage { border-color:var(--lime); }.architecture-flow small { color:var(--muted); }.architecture-flow i,.architecture-flow b { color:var(--quiet); font-style:normal; text-align:center; }.architecture-flow b { grid-column:2/5; }
@media(max-width:1260px) { .docs-shell { grid-template-columns:225px minmax(0,1fr); }.docs-outline { display:none; } }
@media(max-width:900px) { .site-header { grid-template-columns:1fr auto; }.site-header nav { grid-row:2; grid-column:1/-1; }.back-link { grid-row:1; grid-column:2; }.docs-shell { display:block; }.docs-sidebar { display:none; }.docs-mobile-nav { display:block; margin-bottom:26px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }.docs-mobile-nav > summary { padding:14px 16px; font-size:13px; font-weight:700; cursor:pointer; }.docs-mobile-nav > nav { display:grid; gap:20px; max-height:65vh; padding:4px 16px 16px; overflow:auto; }.docs-mobile-nav section { display:grid; gap:2px; }.docs-mobile-nav h2 { margin:10px 0 5px; color:var(--quiet); font-size:10px; text-transform:uppercase; }.docs-mobile-nav a { display:grid; gap:3px; padding:8px; border-radius:6px; color:var(--muted); text-decoration:none; }.docs-mobile-nav a[aria-current=page] { background:var(--soft); color:var(--lime); }.docs-mobile-nav small { font-size:11px; }.docs-breadcrumb { display:none; }.docs-claim-grid,.docs-three-up,.docs-four-up { grid-template-columns:1fr; }.docs-outcome-stack article { grid-template-columns:minmax(145px,170px) minmax(0,1fr); column-gap:22px; }.endpoint-examples { grid-template-columns:1fr; }.docs-home > div { grid-template-columns:1fr; }.product-triad { grid-template-columns:1fr; }.product-triad > i { transform:rotate(90deg); text-align:center; }.architecture-flow { grid-template-columns:1fr; }.architecture-flow b { grid-column:auto; }.architecture-flow i,.architecture-flow b { transform:rotate(90deg); }.settings-reference-wrap { overflow:visible; border:0; }.settings-reference { display:block; min-width:0; background:transparent; }.settings-reference thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.settings-reference tbody { display:grid; gap:10px; }.settings-reference tr { display:grid; gap:13px; padding:17px 18px; border:1px solid var(--line); border-radius:11px; background:rgba(18,23,21,.8); }.settings-reference td { display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; padding:0; border:0; font-size:14px; line-height:1.62; }.settings-reference td::before { color:var(--quiet); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.settings-reference td:nth-child(1)::before { content:'Setting'; }.settings-reference td:nth-child(2)::before { content:'Current / allowed'; }.settings-reference td:nth-child(3)::before { content:'What it controls'; }.settings-reference td:nth-child(4)::before { content:'Trade-off'; } }
@media(max-width:620px) { #app { width:calc(100% - 28px); padding-top:28px; }.site-header { padding-inline:14px; }.brand small,.back-link { display:none; }.docs-home h1 { font-size:44px; }.docs-home header p { font-size:16px; }.docs-page-header h1 { font-size:38px; }.docs-page-header p { font-size:16px; }.docs-article h2 { font-size:25px; }.docs-article > section { margin-bottom:44px; }.docs-note,.docs-definition { grid-template-columns:1fr; gap:7px; padding:16px; }.docs-two-up,.docs-link-grid,.docs-checklist,.docs-glossary { grid-template-columns:1fr; }.docs-outcome-stack { gap:10px; }.docs-outcome-stack article { grid-template-columns:1fr; grid-template-rows:auto; gap:8px; padding:20px 19px 20px 17px; }.docs-outcome-stack article > span,.docs-outcome-stack article > h3,.docs-outcome-stack article > p,.docs-outcome-stack article > strong { grid-row:auto; grid-column:1; }.docs-outcome-stack article > span { padding:0 0 5px; }.docs-outcome-stack article > h3 { font-size:18px; }.docs-outcome-stack article > p { font-size:14px; line-height:1.65; }.docs-outcome-stack article > strong { margin-top:5px; padding-top:10px; }.docs-numbered li { grid-template-columns:1fr; gap:6px; }.docs-diagram { grid-template-columns:1fr; gap:42px; }.pano-art { width:100%; }.ray-explainer { grid-template-columns:1fr 1fr; gap:80px; }.ray-explainer .scene-point { position:absolute; top:20px; left:50%; transform:translateX(-50%); }.evidence-pipeline,.run-state-flow,.coordinate-flow,.mask-flow,.map-flow,.lifecycle-visual,.upload-sequence { display:grid; }.evidence-pipeline > i,.run-state-flow > i,.coordinate-flow > i,.mask-flow > i,.map-flow > i,.lifecycle-visual > i,.upload-sequence > i { transform:rotate(90deg); text-align:center; }.docs-graph { grid-template-columns:1fr; }.docs-graph > span { width:100%; height:52px; border-radius:9px; }.docs-graph > i { width:1px; height:20px; margin:auto; }.docs-pagination { grid-template-columns:1fr; }.docs-pagination .next { text-align:left; }.tour-graph { overflow-x:auto; justify-content:flex-start; }.tour-graph span { min-width:72px; width:72px; height:72px; }.tour-graph i { min-width:40px; width:40px; }.settings-reference td { grid-template-columns:1fr; gap:4px; }.settings-reference td + td { padding-top:3px; }.docs-code-toolbar { align-items:flex-start; flex-wrap:wrap; }.docs-code-actions { width:100%; margin-left:0; }.docs-code-actions button:last-child { margin-left:auto; }.docs-code pre,.json-tree { padding:14px; } }
@media(max-width:900px) { .ransac-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.ransac-steps li:last-child { grid-column:1/-1; }.certification-path { display:grid; grid-template-columns:1fr 34px 1fr; overflow:visible; }.certification-path > span,.certification-path > strong { min-width:0; }.certification-path > strong { grid-column:1/-1; min-height:62px; }.gravity-figure { gap:12px; }.reconstruction-figure .figure-labels { font-size:17px; }.reconstruction-figure .figure-labels text:last-child { font-size:16px; } }
@media(max-width:620px) { .concept-illustration,.sfm-reference { margin-inline:-7px; }.concept-illustration figcaption,.sfm-reference figcaption,.reconstruction-figure figcaption { padding:14px 15px 16px; }.sfm-boundaries,.comparison-cards,.coverage-comparison,.mapper-starts { grid-template-columns:1fr; }.panorama-format-visual,.descriptor-explainer,.gravity-figure,.scale-ambiguity { grid-template-columns:1fr; }.panorama-format-visual { gap:35px; padding:24px 20px; }.panorama-format-visual > i { transform:rotate(90deg); }.equirectangular-map { width:100%; }.concept-ladder li { grid-template-columns:1fr; gap:9px; }.descriptor-arrow { transform:rotate(90deg); }.ransac-steps { grid-template-columns:1fr; }.ransac-steps li:last-child { grid-column:auto; }.ransac-steps strong { min-height:0; }.consensus-example { grid-template-columns:1fr 1fr; }.consensus-example > i { grid-column:1/-1; transform:rotate(90deg); }.consensus-example div:first-child { grid-column:1/-1; }.coverage-strip { height:105px; }.reconstruction-figure { overflow-x:auto; }.reconstruction-figure svg { min-width:600px; }.mapper-starts > i,.mapper-starts > strong { grid-column:auto; }.certification-path { grid-template-columns:1fr; }.certification-path > i { margin:auto; transform:rotate(90deg); }.certification-path > strong { grid-column:auto; }.leave-one-out { grid-template-columns:1fr; }.leave-one-out > i { transform:rotate(90deg); text-align:center; }.gravity-figure { padding:20px 20px 0; }.gravity-figure .tilted-frame { transform:rotate(7deg) scale(.9); }.gravity-figure > em { transform:rotate(90deg); }.gravity-figure figcaption { grid-column:auto; margin:0 -20px; }.scale-ambiguity > strong { transform:rotate(90deg); }.descriptor-vector code { font-size:12px; } }
.descriptor-arrow::after { color:var(--lime); content:' →'; }
@media(max-width:620px) { .panorama-format-visual > i,.descriptor-arrow,.consensus-example > i,.gravity-figure > em,.scale-ambiguity > strong { transform:none; }.panorama-format-visual > i::before,.descriptor-arrow::before,.gravity-figure > em::before { margin-right:6px; color:var(--lime); content:'↓'; }.descriptor-arrow::after { content:''; }.consensus-example > i { padding:7px; border-radius:6px; background:rgba(217,255,120,.06); color:var(--lime); text-align:center; } }
@media(max-width:620px) { .reconstruction-figure { overflow:hidden; }.reconstruction-figure svg { min-width:0; }.reconstruction-figure .figure-labels { font-size:28px; }.reconstruction-figure .figure-labels text:last-child { font-size:23px; }.reconstruction-figure .observation-rays { stroke-width:4; }.reconstruction-figure .cameras { stroke-width:5; } }