:root{--bg:#16181d;--panel:#1e2128;--panel-2:#262a33;--border:#323743;--text:#e4e7ee;--muted:#8b93a5;--accent:#4f8cff;--accent-text:#fff;--danger:#ff6b6b;--viewport:#101114;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{height:100vh;background:var(--bg);height:100dvh;color:var(--text);grid-template:"toolbar toolbar""sidebar viewport"1fr"status status"/280px 1fr;margin:0;display:grid;overflow:hidden}button,select,input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px}button{cursor:pointer;padding:4px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}select,input[type=number]{width:100%;padding:3px 6px}input[type=range]{accent-color:var(--accent);vertical-align:middle}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:toolbar;align-items:center;gap:6px;padding:6px 10px;display:flex}.brand{margin-right:8px;font-weight:600}.brand em{color:var(--accent);font-style:normal}.sep{background:var(--border);width:1px;height:20px;margin:0 4px}label.inline{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.toolbar-link{color:var(--muted);padding:4px 6px;text-decoration:none}.toolbar-link:hover,.hint a{color:var(--accent)}.sidebar{background:var(--panel);border-right:1px solid var(--border);grid-area:sidebar;overflow-y:auto}.sidebar section{border-bottom:1px solid var(--border);padding:10px 12px}.sidebar h2,.sidebar h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px}.sidebar label{color:var(--muted);margin-bottom:8px;display:block}.sidebar label select{margin-top:2px}.hint{color:var(--muted);margin:0}.sidebar label.max-points{justify-content:space-between;font-size:12px;display:flex}.hint p{margin:0 0 8px}.hint .small{margin:6px 0 0;font-size:11px}.cloud-list{margin:0;padding:0;list-style:none}.cloud-list li{grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;padding:4px 0;display:grid}.cloud-list .swatch{border-radius:2px;width:10px;height:10px}.cloud-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cloud-list .meta{color:var(--muted);font-size:11px;display:block}.cloud-list .actions{gap:2px;display:inline-flex}.cloud-list .remove,.cloud-list .icon{color:var(--muted);background:0 0;border:none;padding:0 4px}.cloud-list .icon:hover{color:var(--accent)}.cloud-list .remove:hover{color:var(--danger)}.cloud-list select{grid-column:3/5;font-size:12px}.cloud-list .save-formats{grid-column:1/-1;justify-content:flex-end;gap:4px;display:flex}.cloud-list .save-formats[hidden]{display:none}.cloud-list .save-formats button{padding:2px 8px;font-size:12px}.trajectory-list{margin:0 0 8px;padding:0;list-style:none}.trajectory-list li{grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;padding:4px 0;display:grid}.trajectory-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trajectory-list .meta{color:var(--muted);font-size:11px;display:block}.trajectory-list .remove{color:var(--muted);background:0 0;border:none;padding:0 4px}.trajectory-list .remove:hover{color:var(--danger)}.trajectory-list input[type=color]{background:0 0;border:none;width:16px;height:14px;padding:0}.sidebar h3{margin-top:12px}.loop-list{max-height:220px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.review-table-wrap{max-height:260px;overflow:auto}.review-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}.review-table th,.review-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:5px 3px}.review-table th:first-child{width:48px}.review-table th:nth-child(2){width:76px}.review-table th{background:var(--panel);position:sticky;top:0}.review-table button{overflow-wrap:anywhere;max-width:100%;padding:2px 5px}.review-table .selected{background:var(--panel-2)}.review-table .stale{color:var(--muted);margin-top:3px;display:block}.loop-list li{grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 0;display:grid}.loop-list .link{color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.loop-list .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.loop-list .remove{color:var(--muted);background:0 0;border:none;padding:0 4px}.loop-list .remove:hover{color:var(--danger)}#regions-list{max-height:420px}#regions-list>li{grid-template-columns:1fr auto;padding:8px 0}#regions-list label,#regions-list .hint{grid-column:1/-1}.ramp-legend{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:grid}.ramp-legend-bar{border-radius:2px;height:8px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.viewport.measuring>canvas{cursor:crosshair}.lasso{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lasso polygon{fill:#4fc3f71f;stroke:#4fc3f7;stroke-width:1.5px;stroke-dasharray:5 3}.segment-bar{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.segment-bar .hint{font-size:12px}.histogram{height:72px;margin:6px 0}.histogram canvas{width:100%;height:100%;display:block}.gate-list{gap:6px;margin:6px 0;padding:0;list-style:none;display:grid}.gate-list li{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(4em,1fr) auto auto auto;align-items:center;gap:4px;padding-bottom:6px;display:grid}.gate-list li select:first-child{grid-column:1/-1;min-width:0}.badge{white-space:nowrap;background:var(--panel-2);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.badge.pass{color:#7ee2a0;background:#2ea05a2e}.badge.fail{color:#ff9a9a;background:#ff6b6b29}.badge.warn{color:#ffd27a;background:#ffb00029}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels span{font-variant-numeric:tabular-nums;white-space:nowrap;background:#101114d9;border:1px solid #4fc3f7;border-radius:4px;padding:1px 6px;font-size:12px;position:absolute;transform:translate(-50%,-150%)}.measure-list{font-variant-numeric:tabular-nums;margin:0 0 8px;padding-left:20px}.measure-list li{margin-bottom:6px}.measure-list .distance{font-weight:600}.measure-list .delta{color:var(--muted);font-size:11px;display:block}.measure-list .remove{color:var(--muted);float:right;background:0 0;border:none;padding:0 4px}.measure-list .remove:hover{color:var(--danger)}.labels span.note{border-color:#ff8a65}.note-list{margin:0 0 8px;padding-left:20px}.issue-list{max-height:12em;margin:0 0 8px;padding-left:20px;overflow-y:auto}.issue-list li.error{color:var(--danger)}.issue-list li.clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.note-list li{gap:4px;margin-bottom:6px;display:flex}.note-list input{flex:1;min-width:0;padding:2px 6px}.note-list .remove{color:var(--muted);background:0 0;border:none;padding:0 4px}.note-list .remove:hover{color:var(--danger)}.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:8px 0}.stats th{text-align:left;color:var(--muted);padding:2px 0;font-weight:400}.stats td{text-align:right;padding:2px 0}.area-volume-table{min-width:560px}.area-volume-table th,.area-volume-table td{white-space:nowrap;overflow-wrap:normal;padding:4px 6px}.area-volume-table th:first-child,.area-volume-table td:first-child{text-align:left;white-space:normal;overflow-wrap:anywhere;width:120px;min-width:120px;max-width:150px}.segment-table th{white-space:nowrap;vertical-align:top;padding-right:8px}.segment-table td{overflow-wrap:anywhere;font-size:11px}.segment-table .swatch{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.options{color:var(--muted);margin-bottom:8px}.options summary{cursor:pointer;margin-bottom:6px}label.check{align-items:center;gap:6px;display:flex}textarea{width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--border);resize:vertical;border-radius:4px;margin-top:2px;font:11px/1.4 ui-monospace,Cascadia Mono,Consolas,monospace;display:block}.export-row{align-items:center;gap:6px;margin-top:8px;display:flex}.class-list{margin:0;padding:0;list-style:none}.class-list label{color:var(--text);grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;margin:0;padding:2px 0;display:grid}.class-list .swatch{border-radius:2px;width:10px;height:10px}.class-list .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.button-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.clip-axis{grid-template-columns:14px 1fr 1fr;align-items:center;column-gap:6px;display:grid}.clip-axis .axis{color:var(--muted);font-weight:600}.clip-axis input[type=range]{width:100%}.clip-values{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2/4;margin:-2px 0 6px;font-size:11px}.range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.url-row{gap:6px;margin-top:8px;display:flex}.profile-plot{border:1px solid var(--border);background:#16181deb;border-radius:6px;flex-direction:column;height:38%;min-height:160px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.profile-head{align-items:center;gap:12px;padding:4px 8px;font-size:12px;display:flex}.profile-legend{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.profile-legend i{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.profile-readout{color:var(--muted);font-variant-numeric:tabular-nums}.profile-head label.check{color:var(--muted);margin:0}.profile-head button{color:var(--muted);background:0 0;border:none}.profile-plot canvas{flex:1;width:100%;min-height:0}.url-row input{flex:1;min-width:0;padding:3px 6px}#share-link{width:100%;margin-bottom:8px;padding:3px 6px;font-size:11px}.viewport{background:var(--viewport);grid-area:viewport;min-width:0;min-height:0;position:relative}.viewport>canvas{width:100%;height:100%;display:block}.vm-layer-controls{gap:5px;margin:8px 0;display:grid}.vm-layer-controls label{align-items:center;gap:6px;display:flex}.vm-map-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vm-map-label{color:#ffd166;white-space:nowrap;background:#152030e8;border:1px solid #ffd16680;border-radius:5px;padding:3px 7px;font-size:11px;position:absolute;box-shadow:0 2px 8px #0005}.vm-map-label.crosswalk{color:#f3f5f0;border-color:#ffffff80}.vm-map-label.selected{color:#ffeb3b;border-color:#ffeb3b}.vm-legend{color:#cbd9e8;pointer-events:none;background:#101b29ed;border:1px solid #456079;border-radius:8px;flex-wrap:wrap;gap:8px 16px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 28px);padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.vm-legend span{align-items:center;gap:5px;display:inline-flex}.vm-legend i{background:#2485bf;border-radius:2px;width:10px;height:10px;display:inline-block}.vm-legend .turn{background:#18b8a6}.vm-legend .stop{background:#ff6375}.vm-legend .walk{background:repeating-linear-gradient(90deg,#f3f5f0 0 2px,#0000 2px 4px)}.vm-legend .signal{background:#ffd166}.vm-legend .incoming{background:#a894fa}.vm-legend .selected{background:#ffeb3b}.vm-legend .outgoing{background:#48dfaf}.vm-map-label[hidden],.vm-legend[hidden],.vm-legend span[hidden],#vm-feature-height-row[hidden],#vm-relations-editor [hidden]{display:none}.drop-overlay{border:2px dashed var(--accent);pointer-events:none;background:#4f8cff14;border-radius:8px;place-items:center;font-size:18px;display:grid;position:absolute;inset:12px}.drop-overlay[hidden],.colorbar[hidden],[hidden]{display:none}.colorbar{border:1px solid var(--border);pointer-events:none;background:#16181dd9;border-radius:6px;padding:8px 10px;position:absolute;top:16px;right:16px}.colorbar-title{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.colorbar-body{gap:8px;height:180px;display:flex}.colorbar-ramp{border-radius:2px;width:14px}.colorbar-ticks{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:11px;display:flex}.statusbar{background:var(--panel);border-top:1px solid var(--border);color:var(--muted);grid-area:status;justify-content:space-between;gap:12px;padding:3px 10px;font-size:12px;display:flex}.statusbar .error{color:var(--danger)}.status-left{align-items:center;gap:8px;min-width:0;display:flex}.task{flex:none;align-items:center;gap:6px;display:inline-flex}.task[hidden]{display:none}.progress{background:var(--panel-2);border-radius:3px;width:120px;height:6px;position:relative;overflow:hidden}#progress-bar{background:var(--accent);width:0;position:absolute;inset:0 auto 0 0}.progress.indeterminate #progress-bar{width:30%;animation:1.1s ease-in-out infinite slide}@keyframes slide{0%{left:-30%}to{left:100%}}.task button{padding:0 8px;font-size:11px}.status-right{font-variant-numeric:tabular-nums;gap:16px;display:flex}label.inline select{width:auto}label.inline input[type=color]{width:28px;height:22px;padding:0 2px}.mobile-only{display:none}@media (max-width:720px){body{grid-template:"toolbar""viewport"1fr"status"/1fr}.mobile-only{display:inline-block}.toolbar{scrollbar-width:none;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));flex-wrap:nowrap;overflow-x:auto}.toolbar>*{flex:none}.brand{display:none}.sidebar{z-index:10;border-right:none;border-top:1px solid var(--border);max-height:60dvh;padding-bottom:env(safe-area-inset-bottom);visibility:hidden;border-radius:12px 12px 0 0;transition:transform .2s,visibility .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 24px #0006}body.panels-open .sidebar{visibility:visible;transform:none}.statusbar{padding-bottom:max(3px, env(safe-area-inset-bottom));flex-wrap:wrap}.colorbar{max-width:45vw;padding:6px 8px;top:8px;right:8px}.colorbar-title{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.colorbar-body{height:100px}.colorbar-ticks{font-size:10px}}@media (pointer:coarse){button{min-height:36px}select,input[type=number],input[type=text]{min-height:36px;font-size:16px}input[type=checkbox]{width:20px;height:20px}input[type=range]{min-height:28px}.cloud-list .remove,.cloud-list .icon,.measure-list .remove{min-width:36px}}.vm-legend .source-paint{background:#31e4df;border-radius:50%}.vm-legend .source-curb{background:#ffad58;border-radius:50%}.vm-legend .inferred-line{background:repeating-linear-gradient(90deg,#b69cff 0 3px,#0000 3px 5px)}.vm-legend .saved-edge{background:repeating-linear-gradient(90deg,#ffad58 0 1px,#0000 1px 3px)}.vm-legend .source-intensity{background:#ffe066;border-radius:50%}.vm-legend .source-coverage{background:#8b98a5;border-radius:50%}.vm-legend .no-evidence{background:repeating-linear-gradient(90deg,#5d899c 0 3px,#0000 3px 5px)}#review-archive-list{overflow-wrap:anywhere;max-height:420px;overflow-y:auto}#review-archive-list .archive-comment{white-space:pre-wrap}#pg-change-list li{grid-template-columns:minmax(0,1fr);gap:2px;padding:4px 0}#pg-change-list [aria-pressed=true]{font-weight:700;text-decoration:underline}#pg-change-stale{color:var(--danger)}#pg-change-note{box-sizing:border-box;width:100%}#pg-lane-task-list li{grid-template-columns:minmax(0,1fr)}#pg-lane-task-note{box-sizing:border-box;width:100%}#pg-lane-task-archive-list{overflow-wrap:anywhere;max-height:420px;overflow-y:auto}#pg-lane-task-archive-list .archive-comment{white-space:pre-wrap}#pg-change-lane-list li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 0}#pg-change-lane-list .meta{overflow-wrap:anywhere}#regions-section-plot{z-index:2;background:#16181d;height:30%;min-height:min(280px,100% - 24px);max-height:calc(100% - 24px);top:12px;bottom:auto;right:180px;overflow:auto}#regions-section-plot canvas{flex:1 0 80px;width:100%;min-height:80px}#regions-section-plot .profile-head{flex-wrap:wrap;gap:8px}#regions-section-summary{color:var(--muted);flex-shrink:0;max-height:76px;margin:0 8px 4px;font-size:11px;overflow:auto}#regions-section-close{margin-left:auto}@media (max-width:800px){#regions-section-plot{right:12px}}
