:root {--paper:#fff;--warm:#fbf7f3;--ink:#261a16;--muted:#6f5b52;--oxide:#8e3518;--rule:#dccac0;--pale:#f2ded3;font-family:"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper)}* {box-sizing:border-box}body {margin:0}button,
select,
input {font:inherit}button,
select {min-height:44px;border:1px solid var(--rule);color:var(--ink);background:#fff;padding:9px 13px}button {cursor:pointer}button:hover {background:var(--warm);border-color:var(--oxide)}button:disabled {cursor:wait;opacity:.5}button.primary {background:var(--oxide);color:#fff;border-color:var(--oxide)}a {color:var(--oxide)}:focus-visible {outline:3px solid #b84a20;outline-offset:3px}input[type=checkbox] {accent-color:var(--oxide);width:17px;height:17px}input[type=range] {accent-color:var(--oxide);min-width:70px;cursor:pointer}[hidden] {display:none!important}.lab {max-width:1256px;margin:auto;padding:32px 28px}.lab-header {display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.back {font-size:13px}.eyebrow {color:var(--oxide);font-size:11px;font-weight:700;letter-spacing:2px;margin:26px 0 12px}h1 {font-size:clamp(27px,4vw,43px);letter-spacing:-1.5px;margin:0;line-height:1.15}.intro {color:var(--muted);font-size:15px;line-height:1.7;margin:16px 0 25px}.scene-picker,
.algorithm-label {display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}select {min-width:160px}.tabs {display:flex;border-bottom:1px solid var(--rule);gap:6px}.tabs button {border:0;border-bottom:3px solid transparent;font-weight:650;padding:14px 22px}.tabs button[aria-selected=true] {color:var(--oxide);border-bottom-color:var(--oxide);background:var(--warm)}.workspace-bar {display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;color:var(--muted);min-height:63px}.workspace-bar p {line-height:1.5}.badge {font-size:10px;letter-spacing:1px;border:1px solid var(--rule);padding:6px 8px;white-space:nowrap}.workspace-grid {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);border:1px solid var(--rule)}.viewport-wrap {position:relative;min-width:0;background:#eee4d9;display:flex;flex-direction:column}.view-tools {display:flex;align-items:center;gap:5px;padding:8px;border-bottom:1px solid var(--rule);background:var(--warm);flex-wrap:wrap}.view-tools button,
.view-footer button {font-size:12px}.view-tools label {display:flex;gap:4px;align-items:center;font-size:12px;margin-left:auto}.view-tools input {margin:0}#viewport {height:430px;min-width:0;touch-action:none}#viewport canvas {display:block;width:100%;height:100%}.view-footer {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px;color:var(--muted);font-size:11px;background:var(--warm);margin-top:auto}.view-footer button {border:0;white-space:nowrap}.side-panel {padding:16px;border-left:1px solid var(--rule);min-width:0}.sensor-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px}figure {margin:0}figure canvas {display:block;width:100%;height:auto;background:#0c1014}figcaption {display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;margin-top:8px}figcaption span {font-size:10px;color:var(--muted);font-weight:400}.depth-key {display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);justify-content:flex-end;margin:10px 0 22px}.depth-key div {height:5px;width:64px;background:linear-gradient(90deg,#ff0000,#00b4ff)}.lidar-figure {margin-top:14px}.small {font-size:12px;line-height:1.65;color:var(--muted);margin:17px 0 0}.algorithm-label select {max-width:100%;min-width:0;width:100%;font-size:13px}.legend {display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:23px 0}.map-dot {color:#8e542b}.est-dot {color:#176ab4}.gt-dot {color:#32824a}.check-row {display:flex;gap:8px;align-items:center;font-size:13px}.metrics {margin-top:26px}.metrics div {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--rule)}dt {font-size:12px;color:var(--muted)}dd {font-size:21px;margin:0;font-variant-numeric:tabular-nums}.transport {display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--rule)}#timeline {flex:1}#time {font-size:12px;font-variant-numeric:tabular-nums;min-width:85px}.timeline-label,
.speed-label {font-size:12px;color:var(--muted)}.speed-label {display:flex;align-items:center;gap:8px}.speed-label select {min-width:66px}.experiment-footer {display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding:15px 0;line-height:1.7}#loading {position:absolute;inset:60px 0 45px;display:grid;place-content:center;text-align:center;background:#fbf7f3ed;padding:20px;font-size:14px;z-index:2}.embedded .back {display:none}.embedded .lab {padding:22px 18px}.embedded .eyebrow {margin-top:0}@media(max-width:850px){.workspace-grid {grid-template-columns:1fr}.side-panel {border-left:0;border-top:1px solid var(--rule)}#sensor-panel {display:grid;grid-template-columns:1fr 1fr;gap:12px}.depth-key {display:none}.lidar-figure {margin:0}#sensor-panel>.small {grid-column:1/-1;margin-top:4px}.transport {flex-wrap:wrap}#timeline {min-width:120px}.workspace-bar {align-items:flex-start}.badge {margin-top:15px}#viewport {height:390px}.lab-header {align-items:flex-start}h1 {font-size:32px}}@media(max-width:540px){.lab {padding:22px 14px}.lab-header {display:block}.scene-picker {margin-top:20px;grid-template-columns:auto 1fr;align-items:center}.tabs {gap:0}.tabs button {font-size:12px;padding:12px 10px;flex:1}.workspace-bar {display:block;padding:10px 0}.badge {display:inline-block;margin:0 0 10px}#viewport {height:315px}.view-tools {gap:4px}.view-tools button {padding:7px 9px}.view-tools label {margin-left:4px}.view-footer {font-size:9px}#sensor-panel {grid-template-columns:1fr}.lidar-figure canvas {max-height:150px;object-fit:contain;background:#0c1014}#time {min-width:80px}#timeline {order:5;flex-basis:65%}.timeline-label {display:none}.speed-label {margin-left:auto}.experiment-footer {display:block}.intro {font-size:13px}#loading {font-size:12px}}

.lab {max-width:1760px}.workspace-grid {grid-template-columns:minmax(0,2.6fr) minmax(290px,1fr)}#viewport {height:clamp(430px,36vw,650px)}@media(max-width:850px){.workspace-grid {grid-template-columns:1fr}#viewport {height:390px}}@media(max-width:540px){#viewport {height:315px}}