:root{font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Helvetica Neue",sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#1d1d1f;--sub:#6e6e73;--blue:#0071e3;--line:#e7e7eb;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #0071e3;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh}.topbar{height:62px;display:flex;align-items:center;padding:0 clamp(20px,3vw,46px);gap:20px;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(0,0,0,.055);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#1d1d1f;font-size:23px;font-weight:720;letter-spacing:-1.35px}.brand-symbol{width:27px;height:27px;display:grid;place-items:center;border:2px solid #111921;border-radius:9px;transform:rotate(-17deg);position:relative}.brand-symbol:before{content:"";position:absolute;inset:5px;border:2px solid #111921;border-radius:4px}.brand-symbol span{width:5px;height:5px;background:#0071e3;border-radius:50%;transform:rotate(17deg);z-index:1}.topbar-rule{height:20px;width:1px;background:#d5d5d8}.topbar-label{font-size:14px;font-weight:550;color:#626267}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:22px}.privacy-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#6e6e73;font-weight:550}.privacy-dot{height:7px;width:7px;background:#35bd80;border-radius:50%;box-shadow:0 0 0 3px #35bd801a}.account-button{border:0;background:#e9ecf1;color:#3c4756;font-size:11px;font-weight:760;letter-spacing:.04em;width:32px;height:32px;border-radius:50%}.account-button:hover{background:#dae1ed}.workbench{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:calc(100vh - 62px)}.sidebar{padding:32px 17px 24px 22px;border-right:1px solid var(--line);background:#fafafb;display:flex;flex-direction:column;min-height:calc(100vh - 62px)}.sidebar-heading,.sidebar-title,.sidebar-subhead,.section-header,.scene-top,.scene-bottom,.sidebar-bottom,.building-card-header,.building-actions,.modal-actions{display:flex;align-items:center}.eyebrow{font-size:10px;font-weight:720;letter-spacing:.155em;color:#7c7c85}.sidebar-heading{justify-content:space-between;padding:0 13px}.sidebar-title{gap:9px;margin:12px 13px 0}.sidebar-title h2{font-size:28px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-1.2px}.number-pill{background:#e9e9ec;color:#797980;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:650}.sidebar-description{font-size:12px;line-height:1.6;color:#898990;margin:11px 13px 26px}.sidebar-divider{height:1px;background:#e8e8eb;margin:0 13px 14px}.sidebar-subhead{justify-content:space-between;padding:0 8px 0 13px;color:#919199;font-size:10px;font-weight:700;letter-spacing:.12em}.icon-button{border:0;background:transparent;color:#96969e;width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.icon-button:hover{background:#ededf1;color:var(--ink)}.icon-button svg{width:16px;height:16px}.sidebar-close{display:none}.scan-list{margin-top:12px;display:flex;flex-direction:column;gap:5px}.list-placeholder{font-size:12px;line-height:1.6;color:#8b8b92;padding:7px 13px}.scan-item{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:11px;padding:12px 11px;border-radius:12px;color:#35353a;transition:background .18s,transform .18s}.scan-item:hover{background:#efeff1}.scan-item[aria-current=true]{background:#e9f1fd;color:#0065c8}.scan-item[aria-current=true] .scan-glyph{background:#d2e4ff;color:#0065c8}.scan-item:active{transform:scale(.985)}.scan-glyph{width:35px;height:35px;border-radius:10px;background:#ececf0;color:#737b88;display:grid;place-items:center;flex:none}.scan-glyph svg{width:18px;height:18px}.scan-item-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.scan-item strong{font-size:12.5px;font-weight:625;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.scan-item small{font-size:10.5px;color:#898991;white-space:nowrap}.sidebar-bottom{align-items:flex-start;gap:11px;margin-top:auto;padding:17px 9px 4px;color:#72727b;border-top:1px solid var(--line)}.phone-icon{color:#0071e3}.sidebar-bottom svg{width:20px;height:20px}.sidebar-bottom strong{display:block;color:#3f3f45;font-size:12px;font-weight:640;margin-bottom:4px}.sidebar-bottom p{margin:0;color:#92929a;font-size:11px;line-height:1.5}.content{min-width:0;width:min(100%,1320px);padding:clamp(32px,4vw,66px) clamp(25px,5vw,86px) 30px;margin:0 auto}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.intro-eyebrow{display:flex;align-items:center;gap:13px;color:#82828c}.eyebrow-rule{display:inline-block;width:18px;height:1px;background:#bdbdc4}.page-intro h1{font-size:clamp(36px,3.7vw,58px);font-weight:730;letter-spacing:-.058em;line-height:1.06;margin:14px 0 13px}.title-period{color:var(--blue)}.page-intro p{font-size:15px;color:#72727b;margin:0;line-height:1.5}.library-mobile{display:none}.scene-panel{height:clamp(370px,43vw,570px);border-radius:22px;background:radial-gradient(ellipse at 53% 78%,#223340 0%,#131d2a 52%,#101923 100%);position:relative;overflow:hidden;box-shadow:0 28px 65px #151d291e,0 3px 8px #151d290f;isolation:isolate}.scene-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#ffffff0c,transparent 35%),radial-gradient(circle at 55% 50%,#599ca014,transparent 52%);pointer-events:none;z-index:1}#sceneCanvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:grab;touch-action:none}#sceneCanvas:active{cursor:grabbing}.scene-ambient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090f1999,transparent 19%,transparent 83%,#090f1940);z-index:2}.scene-top,.scene-bottom{position:absolute;left:25px;right:25px;z-index:3;justify-content:space-between;pointer-events:none}.scene-top{top:23px}.scene-bottom{bottom:23px}.scene-indicator{display:flex;gap:9px;align-items:center;color:#dce8ee;font-size:10px;font-weight:680;letter-spacing:.14em}.indicator-dot{background:#70d2b5;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #70d2b521}.scene-icon-button{pointer-events:auto;border:1px solid #ffffff26;background:#ffffff1a;backdrop-filter:blur(20px);color:#f6f8f9;border-radius:11px;width:39px;height:39px;display:grid;place-items:center}.scene-icon-button:hover{background:#ffffff30}.scene-icon-button svg{width:18px;height:18px}.scene-bottom{font-size:11px;color:#cfdae1}.scene-hint{font-size:9px;color:#a9bbc5;font-weight:680;letter-spacing:.13em}.scene-hint i{font-style:normal;margin:0 5px;opacity:.55}.empty-state{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px 20px 40px;pointer-events:none}.empty-art{height:168px;width:200px;position:relative;margin-bottom:11px;display:grid;place-items:center}.art-grid{position:absolute;inset:21px 8px;background:repeating-linear-gradient(0deg,transparent 0 18px,#99bedb10 19px,#99bedb10 20px),repeating-linear-gradient(90deg,transparent 0 18px,#99bedb10 19px,#99bedb10 20px);mask-image:radial-gradient(circle,#000,transparent 72%);transform:perspective(200px) rotateX(58deg) translateY(29px)}.art-orbit{position:absolute;width:114px;height:114px;border:1px solid #93d7da72;border-radius:35px;transform:rotate(-31deg) skewY(-8deg);box-shadow:0 0 24px #8ed4d521,inset 0 0 23px #8ed4d51c}.orbit-two{width:86px;height:86px;transform:rotate(26deg) skewY(8deg);border-color:#94c5df5c}.art-core{width:46px;height:46px;border-radius:16px;background:radial-gradient(circle at 30% 28%,#bde7df,#5dabae 52%,#254c63);box-shadow:0 0 48px #8ed4d58a,inset 0 1px 1px #fff8;transform:rotate(-20deg)}.empty-eyebrow{color:#8ab8c9;font-size:10px;font-weight:700;letter-spacing:.18em;margin-top:5px}.empty-state h3{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:650;letter-spacing:-.045em;line-height:1.15;margin:11px 0 9px}.empty-state p{color:#aebfc9;font-size:12px;line-height:1.55;max-width:270px;margin:0}.scene-loading{position:absolute;z-index:6;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#f3f7f8;font-size:13px;background:#101923a8;backdrop-filter:blur(8px)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;width:22px;height:22px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.segmented{display:inline-flex;gap:3px;background:#eaeaed;padding:4px;border-radius:12px}.segment{border:0;background:transparent;color:#6e6e75;font-size:12px;font-weight:630;padding:9px 17px;border-radius:9px;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}.segment:hover{color:#1d1d1f}.segment.selected{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px #20202521}.segment:disabled{opacity:.4}.path-control{display:flex;align-items:center;gap:10px;color:#5b5b63;font-size:12px;font-weight:590;cursor:pointer}.path-control input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:33px;height:19px;border-radius:18px;background:#d4d4d9;position:relative;transition:background .2s}.switch-track:before{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.path-control input:checked+.switch-track{background:#0071e3}.path-control input:checked+.switch-track:before{transform:translateX(14px)}.path-control input:focus-visible+.switch-track{outline:3px solid #0071e3;outline-offset:3px}.native-controls{display:flex;align-items:center;gap:16px;margin-top:17px;padding:13px 16px;border:1px solid #e9e9ed;border-radius:13px;background:#fff}.native-controls .segmented{background:#f0f0f2}.native-controls .segment{padding:7px 13px;font-size:11px}.native-info{margin-left:auto;color:#91919a;font-size:11px}.view-feedback{color:#868690;font-size:11px;line-height:1.5;margin-top:12px}.details{margin-top:70px}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:23px}.section-header h2,.building-intro h2{font-size:29px;font-weight:700;letter-spacing:-.045em;line-height:1.13;margin:10px 0 0}.section-caption{font-size:11px;color:#9999a0;max-width:40%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e9e9ec;background:#fff;border-radius:16px;padding:22px 24px 21px;min-height:164px}.stat-icon{color:#0071e3;margin-bottom:15px}.stat-icon svg{width:22px;height:22px}.stat-label{font-size:10px;color:#93939a;font-weight:730;letter-spacing:.135em}.stat strong{font-size:30px;font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-top:6px}.stat small{font-size:11px;color:#92929a;margin-top:3px}.building{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:45px;margin-top:73px;padding:31px 0 66px;border-top:1px solid var(--line);align-items:start}.building-intro{padding-top:15px}.building-intro h2{max-width:340px;font-size:34px}.building-intro p{max-width:400px;color:#71717b;font-size:13px;line-height:1.7;margin:14px 0 22px}.caution{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;color:#807f85;background:#eeedef;border-radius:7px;padding:9px 11px;line-height:1.4}.caution:before{content:"";width:6px;height:6px;border-radius:50%;background:#e8aa62;flex:none}.building-card{background:#fff;border:1px solid #e9e9ec;border-radius:18px;padding:21px;box-shadow:0 9px 25px #1c1c2210}.building-card-header{gap:9px;font-size:10px;font-weight:720;letter-spacing:.14em;color:#6e6e75;margin-bottom:19px}.map-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf3ff;color:#0071e3}.map-symbol svg{width:18px;height:18px}.building-card select{width:100%;background:#f6f6f8;border:1px solid #ebebef;border-radius:10px;color:#333338;padding:12px 13px;font-size:12px;font-weight:600;min-height:43px}.building-status{margin:14px 1px 17px;min-height:29px;color:#7b7b84;font-size:11px;line-height:1.5}.building-actions{gap:9px}.building-actions button{flex:1;font-size:11px;padding:11px 8px}.secondary-button,.primary-button{border-radius:9px;border:1px solid transparent;font-weight:650;min-height:39px;padding:10px 15px}.secondary-button{background:#f1f1f4;color:#34343a}.secondary-button:hover:not(:disabled){background:#e6e6ea}.primary-button{background:#0071e3;color:#fff}.primary-button:hover:not(:disabled){background:#0064cb}footer{font-size:11px;color:#9e9ea4;padding:21px 0;border-top:1px solid var(--line)}footer span{padding:0 5px}.mobile-scrim{display:none}.modal{border:1px solid #e8e8ec;border-radius:22px;width:min(440px,calc(100% - 32px));max-height:min(90vh,800px);overflow:auto;background:#fff;color:#1d1d1f;box-shadow:0 30px 110px #11121a45;padding:29px 31px}.modal::backdrop{background:#11192788;backdrop-filter:blur(5px)}.modal form{display:flex;flex-direction:column}.modal-symbol{font-size:33px;color:#0071e3;margin-bottom:18px}.modal h2{font-size:29px;letter-spacing:-.05em;margin:10px 0 8px;line-height:1.12}.modal p{font-size:12px;line-height:1.65;color:#797982;margin:0 0 21px}.modal label{font-size:11px;font-weight:650;color:#44444d;margin-bottom:7px}.modal input:not([type=checkbox]){width:100%;border:1px solid #dcdce1;border-radius:10px;padding:11px 12px;font-size:13px;min-height:43px;background:#fafafa}.modal input::placeholder{color:#b0b0b6}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px}.modal-actions button{font-size:12px}.modal .form-error{color:#b93439;font-size:11px;margin:9px 0 0}.align-modal{width:min(565px,calc(100% - 24px))}.pair-head,.point-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair-head{font-size:10px;font-weight:700;letter-spacing:.09em;color:#9b9ba3;margin-bottom:8px}.point-pair{align-items:center;margin-bottom:9px}.point-pair input{font-size:12px!important}.modal .form-hint{margin:10px 0 0;font-size:11px}.sidebar-close{font-size:24px;font-weight:300}@media(max-width:1100px){.workbench{grid-template-columns:225px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.content{padding:39px 29px 30px}.sidebar-bottom{padding-left:5px}.scene-panel{height:clamp(350px,48vw,500px)}.scene-hint{display:none}}@media(max-width:760px){.topbar{height:58px;padding:0 19px}.workbench{display:block}.content{padding:37px 18px 24px}.sidebar{position:fixed;top:58px;bottom:0;left:0;z-index:25;width:min(310px,83vw);height:calc(100vh - 58px);min-height:0;transform:translateX(-103%);transition:transform .25s;box-shadow:12px 0 40px #0000;overflow-y:auto}.sidebar.open{transform:none;box-shadow:12px 0 40px #0002}.sidebar-close{display:grid}.mobile-scrim:not([hidden]){display:block;position:fixed;inset:58px 0 0;border:0;background:#0d152567;z-index:24;width:100%}.library-mobile{display:flex;align-items:center;gap:7px;border:0;color:#006edb;background:#e9f2ff;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:650;white-space:nowrap}.library-mobile svg{width:16px;height:16px}.page-intro{margin-bottom:27px;gap:12px}.page-intro h1{font-size:clamp(32px,7.3vw,49px)}.page-intro p{font-size:13px;max-width:420px}.scene-panel{height:clamp(370px,59vw,520px);border-radius:17px}.scene-top,.scene-bottom{left:18px;right:18px}.building{grid-template-columns:1fr;gap:24px;margin-top:55px;padding-bottom:42px}.building-card{max-width:450px}.details{margin-top:58px}}@media(max-width:540px){.privacy-label{display:none}.topbar{gap:12px}.topbar-label{font-size:13px}.topbar-rule{height:16px}.intro-eyebrow{font-size:9px;letter-spacing:.09em}.intro-eyebrow .eyebrow-rule{display:none}.page-intro{align-items:flex-start}.page-intro h1{font-size:35px}.library-mobile{margin-top:19px}.scene-panel{height:420px}.empty-art{height:135px;transform:scale(.82);margin-bottom:-3px}.empty-state h3{font-size:27px}.empty-state p{font-size:11px}.scene-caption{font-size:10px}.scene-hint{display:none}.view-toolbar{align-items:flex-start;flex-direction:column;gap:17px;margin-top:18px}.segmented{width:100%;justify-content:space-between}.segment{padding:9px 10px;flex:1;font-size:11px}.path-control{padding-left:4px}.native-controls{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:12px}.native-controls>.eyebrow{width:100%}.native-controls .segmented{width:100%}.native-controls .segment{padding:8px 4px}.native-info{margin-left:2px}.stats{grid-template-columns:1fr;gap:8px}.stat{min-height:0;padding:16px 18px;display:grid;grid-template-columns:33px 1fr;column-gap:8px;align-items:center}.stat-icon{grid-row:1/4;margin:0}.stat-label{font-size:9px}.stat strong{font-size:25px;margin:2px 0}.stat small{font-size:10px}.section-header{display:block;margin-bottom:18px}.section-caption{display:block;margin-top:8px;text-align:left;max-width:100%}.building-intro h2{font-size:31px}.modal{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.building-overview{margin:0 0 17px}.building-overview canvas{display:block;width:100%;aspect-ratio:318/200;background:#f6f6f8;border:1px solid #ebebef;border-radius:10px}.building-overview figcaption{margin-top:7px;color:#8a8a92;font-size:10px;line-height:1.4}
.analysis{margin-top:70px}.analysis-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:28px;align-items:start}.analysis-map{margin:0}.analysis-map canvas{display:block;width:100%;aspect-ratio:1;background:#fff;border:1px solid #e9e9ec;border-radius:16px}.analysis-map figcaption{margin-top:8px;color:#8a8a92;font-size:10.5px;line-height:1.5}.analysis-stats{grid-template-columns:repeat(2,1fr)}.analysis-stats .stat{min-height:0;padding:14px 16px}.analysis-findings h3{font-size:13px;margin:20px 0 8px;letter-spacing:-.01em}.finding-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;max-height:320px;overflow:auto}.finding-list li{font-size:11.5px;line-height:1.45;color:#45454b;background:#fff;border:1px solid #ececf0;border-radius:10px;padding:8px 10px}.finding-list li.fail{border-color:#f3c9a8;background:#fff8f2}.analysis-empty{color:#7b7b84;font-size:12px}.analysis-empty code{background:#eeedef;border-radius:5px;padding:1px 5px}
@media (max-width:860px){.analysis-body{grid-template-columns:1fr}}

/* Navigation viewer */
.toolbar-switches{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.stage-chips{list-style:none;margin:-8px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.stage-chip{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:620;color:#3f3f45;background:#fff;border:1px solid #e3e3e8;border-radius:99px;padding:5px 10px 5px 7px;cursor:default}
.stage-chip:focus-visible{outline:3px solid #0071e3;outline-offset:2px}
.stage-glyph{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:800;color:#fff;background:#6e6e76}
.stage-chip.ok .stage-glyph{background:#1f7a45}
.stage-chip.failed{border-color:#f0b9b3;background:#fff6f5;color:#8f1d16}
.stage-chip.failed .stage-glyph{background:#c62828}
.stage-chip[data-tip]:hover:after,.stage-chip[data-tip]:focus:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);z-index:5;width:max-content;max-width:min(340px,80vw);white-space:normal;background:#1d1d1f;color:#fff;font-size:11px;font-weight:500;line-height:1.45;padding:7px 9px;border-radius:8px;box-shadow:0 8px 24px #0003}
.analysis-map-column{min-width:0}
.layer-toggles{border:0;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.layer-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:620;color:#3f3f45;background:#fff;border:1px solid #e3e3e8;border-radius:10px;padding:6px 10px 6px 8px;cursor:pointer;user-select:none}
.layer-chip:hover{border-color:#c9c9d0}
.layer-chip input{margin:0;width:14px;height:14px;accent-color:#0071e3;cursor:pointer}
.layer-chip:has(input:disabled){opacity:.55;cursor:not-allowed}
.layer-chip:has(input:focus-visible){outline:3px solid #0071e3;outline-offset:2px}
.layer-count{font-size:10px;color:#5f5f66;background:#f0f0f3;border-radius:99px;padding:1px 6px}
.layer-swatch{width:10px;height:10px;border-radius:3px;background:#b6b6bd;flex:none}
[data-layer=floor] .layer-swatch{background:#d6d6d2;box-shadow:inset 0 0 0 1px #9a9a9a}
[data-layer=regions] .layer-swatch{background:#5b8def}
[data-layer=obstacles] .layer-swatch{background:#46403c}
[data-layer=narrow] .layer-swatch{background:#d23b3b;border-radius:50%}
[data-layer=doors] .layer-swatch{background:#2e9d57}
[data-layer=hazards] .layer-swatch{background:#c62828;clip-path:polygon(50% 0,100% 100%,0 100%)}
[data-layer=signs] .layer-swatch{background:#0a66c2}
[data-layer=places] .layer-swatch{background:#5a43b5;border-radius:50%}
[data-layer=graph] .layer-swatch{background:linear-gradient(90deg,#2e9d57,#d08a00,#d23b3b)}
[data-layer=route] .layer-swatch{background:#0071e3;border-radius:99px;height:5px}
.map-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.legend-title{width:100%;font-weight:650;color:#6e6e73}
.legend-item{display:inline-flex;align-items:center;gap:6px;color:#5f5f66}
.lg{display:inline-block;width:16px;height:4px;border-radius:2px;background:#8b95a1;flex:none}
.lg-edge-ok{background:#2e9d57}.lg-edge-tight{background:#d08a00}.lg-edge-narrow{background:#d23b3b}
.lg-edge-unknown{background:repeating-linear-gradient(90deg,#8b95a1 0 5px,transparent 5px 8px)}
.lg-door-pass{background:#2e9d57;height:6px}.lg-door-fail{background:repeating-linear-gradient(90deg,#e07000 0 5px,transparent 5px 8px);height:6px}
.lg-barrier{width:11px;height:11px;background:#c62828;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.lg-warning{width:12px;height:11px;background:#c77700;clip-path:polygon(50% 0,100% 100%,0 100%)}
.lg-sign{width:10px;height:10px;border-radius:3px;background:#0a66c2}
.lg-place{width:11px;height:11px;border-radius:50%;background:#5a43b5}
.lg-route{background:#0071e3;height:5px;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #c5d9f3}
.route-explorer{margin-top:20px;background:#fff;border:1px solid #e9e9ec;border-radius:16px;padding:16px}
.route-head{display:flex;align-items:center;gap:8px}
.route-head h3{font-size:13px;margin:0;letter-spacing:-.01em}
.route-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.field{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}
.field select{width:100%;background:#f6f6f8;border:1px solid #e3e3e8;border-radius:9px;color:#26262b;padding:8px 9px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;min-height:36px}
.route-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-height:220px;overflow:auto}
.route-item{width:100%;text-align:start;display:flex;flex-direction:column;gap:3px;border:1px solid #ececf0;background:#fafafb;border-radius:10px;padding:8px 10px;color:#2c2c31}
.route-item:hover{background:#f1f1f4}
.route-item[aria-pressed=true]{background:#e9f1fd;border-color:#a9c9f5;color:#0058b0}
.route-title{font-size:12px;font-weight:650}
.route-arrow{color:#6e6e73}
.route-meta{font-size:10.5px;color:#5f5f66}
.route-empty{font-size:11.5px;color:#6e6e73;margin:6px 0 0}
.route-summary{font-size:11.5px;color:#3f3f45;margin:14px 0 8px;font-weight:600}
.route-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:340px;overflow:auto}
.route-step{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;text-align:start;border:1px solid transparent;background:transparent;border-radius:9px;padding:6px 7px;color:#2c2c31;font-size:12px;line-height:1.4}
.route-step:disabled{cursor:default;opacity:1}
.route-step:hover:not(:disabled){background:#f3f5f8}
.route-step[aria-pressed=true]{background:#e9f1fd;border-color:#a9c9f5}
.maneuver{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf3ff;color:#0058b0;font-size:15px;font-weight:700}
.step-body{display:flex;flex-direction:column;min-width:0}
.step-landmark{font-size:10.5px;color:#5f5f66}
.step-distance{font-size:11px;color:#5f5f66;font-variant-numeric:tabular-nums;white-space:nowrap}
.caution:empty{display:none}
@media (max-width:540px){.route-controls{grid-template-columns:1fr}.toolbar-switches{gap:14px}}