:root{color:#14213d;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}[data-slot=native-select]{appearance:none}.demo-shell{gap:18px;width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:24px;display:grid}.demo-toolbar{justify-content:space-between;align-items:end;gap:20px;display:flex}.demo-kicker{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:760}.demo-toolbar h1{color:#101827;letter-spacing:0;margin:0;font-size:2.25rem;line-height:1.05}.demo-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.demo-field{color:#526170;gap:5px;font-size:.78rem;font-weight:680;display:grid}.demo-field select,.demo-button,.demo-tab{color:#172233;background:#fff;border:1px solid #c9d3df;border-radius:7px;min-height:40px}.demo-field select{min-width:154px;padding:0 34px 0 12px}.demo-button,.demo-tab{cursor:pointer;padding:0 14px;font-weight:720}.demo-button--compact{min-height:34px;padding:0 10px;font-size:.82rem}.demo-button[aria-pressed=true],.demo-tab[aria-current=page]{color:#fff;background:#0f766e;border-color:#0f766e}.demo-tabs{flex-wrap:wrap;gap:8px;display:flex}.demo-stage{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.demo-map-frame{background:#dce5ee;border:1px solid #c6d2de;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 18px 48px #0f172a24}.demo-map-frame .mb-temporal-map{padding:0}.demo-map-frame .mb-temporal-map__timeline{box-shadow:none;border-width:1px 0 0;border-radius:0}.demo-inspector{background:#fff;border:1px solid #c6d2de;border-radius:8px;gap:14px;padding:16px;display:grid}.demo-inspector h2{color:#101827;letter-spacing:0;margin:0;font-size:1rem}.demo-inspector dl{gap:10px;margin:0;display:grid}.demo-inspector dl>div{border-bottom:1px solid #e1e7ef;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.demo-inspector dl>div:last-child{border-bottom:0;padding-bottom:0}.demo-inspector dt{color:#526170;font-size:.85rem;font-weight:680}.demo-inspector dd{color:#101827;font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:800}.demo-layer-manager,.demo-layer-manager__header,.demo-layer-list,.demo-layer-row{gap:10px;display:grid}.demo-layer-manager{border-top:1px solid #e1e7ef;padding-top:14px}.demo-layer-manager__header h2{margin:0}.demo-layer-add,.demo-editor-mode-grid{flex-wrap:wrap;gap:6px;display:flex}.demo-editor-section{background:#f8fafc;border:1px solid #d8e0ea;border-radius:8px;gap:10px;padding:12px;display:grid}.demo-editor-section__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-editor-section__header h3{color:#101827;margin:0;font-size:.94rem;font-weight:760}.demo-editor-facts{gap:8px;margin:0;display:grid}.demo-editor-facts>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demo-editor-facts dt{color:#526170;font-size:.8rem;font-weight:680}.demo-editor-facts dd{overflow-wrap:anywhere;color:#101827;text-align:right;max-width:180px;margin:0;font-size:.86rem;font-weight:760}.demo-editor-label{color:#526170;gap:5px;font-size:.78rem;font-weight:680;display:grid}.demo-editor-label input{color:#172233;background:#fff;border:1px solid #c9d3df;border-radius:7px;width:100%;min-height:36px;padding:0 10px}.demo-editor-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.demo-editor-shortcuts{color:#526170;flex-wrap:wrap;align-items:center;gap:5px 7px;font-size:.78rem;display:flex}.demo-editor-shortcuts kbd{color:#172233;text-align:center;background:#fff;border:1px solid #c9d3df;border-radius:5px;min-width:24px;padding:1px 5px;font-family:inherit;font-size:.72rem;font-weight:760}.demo-editor-hint{color:#526170;margin:0;font-size:.82rem;line-height:1.4}.demo-editor-empty{gap:10px;display:grid}.demo-editor-empty p{color:#526170;margin:0;font-size:.86rem}.demo-layer-row{border-top:1px solid #e1e7ef;padding-top:10px}.demo-layer-row:first-child{border-top:0;padding-top:0}.demo-layer-toggle{color:#101827;align-items:center;gap:8px;font-size:.9rem;font-weight:760;display:flex}.demo-layer-toggle input{accent-color:#0f766e;width:16px;height:16px}.demo-layer-slider{color:#101827;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;font-size:.86rem;font-weight:760;display:grid}.demo-layer-slider input{accent-color:#0f766e;grid-column:1/-1;width:100%}.demo-layer-slider output{color:#526170;font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem}.demo-flow-legend{border-top:1px solid #e1e7ef;gap:12px;padding-top:14px;display:grid}.demo-flow-legend__rows{gap:10px;display:grid}.demo-flow-legend__row{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;display:grid}.demo-flow-legend__sample{align-items:center;width:56px;height:18px;display:grid}.demo-flow-legend__sample span{background:#b45309;border-radius:999px;width:100%;display:block;box-shadow:0 1px 2px #0f172a29}.demo-flow-legend__label{color:#526170;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;font-size:.82rem;font-weight:680;display:flex}.demo-flow-legend__label strong{color:#101827;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.84rem}.demo-layer-colors{flex-wrap:wrap;gap:6px;display:flex}.demo-color-swatch{cursor:pointer;border:2px solid #fff;border-radius:999px;width:28px;height:28px;box-shadow:0 0 0 1px #b9c5d3}.demo-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #0f766e}.demo-popup{gap:3px;display:grid}.demo-popup span{color:#526170;font-size:.85rem}.demo-context-menu button{white-space:nowrap}.demo-geojson-example{min-height:620px;position:relative;overflow:hidden}.demo-geojson-example__legend{z-index:600;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.demo-geojson-example__legend span{color:#101827;background:#fffffff0;border:1px solid #d5dde7;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:760;box-shadow:0 10px 28px #0f172a24}.demo-interpolation-workbench{background:#fff;border:1px solid #d5dde7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:620px;display:grid;overflow:hidden}.demo-interpolation-workbench__map{min-width:0;position:relative}.demo-interpolation-panel{background:#f8fafc;border-left:1px solid #d5dde7;align-content:start;gap:16px;padding:16px;display:grid}.demo-interpolation-note{color:#526170;background:#fff;border:1px solid #d5dde7;border-radius:8px;gap:6px;padding:10px 12px;font-size:.84rem;line-height:1.45;display:grid}.demo-interpolation-note strong{color:#101827;font-size:.88rem}.demo-interpolation-toggle{color:#101827;background:#fff;border:1px solid #d5dde7;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:.84rem;font-weight:760;display:flex}.demo-interpolation-toggle[aria-disabled=true]{color:#8b9aaa}.demo-interpolation-toggle input{accent-color:#0f766e;width:16px;height:16px;margin:0}.demo-interpolation-range{gap:10px;display:grid}.demo-interpolation-range span{color:#101827;justify-content:space-between;align-items:baseline;gap:12px;font-size:.9rem;display:flex}.demo-interpolation-range em{color:#526170;font-style:normal;font-weight:700}.demo-interpolation-range input{accent-color:#be123c;width:100%}.demo-interpolation-keyframes,.demo-coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-coordinate-grid label{color:#526170;gap:6px;font-size:.76rem;font-weight:760;display:grid}.demo-coordinate-grid input{color:#101827;width:100%;font:inherit;background:#fff;border:1px solid #c7d2df;border-radius:8px;padding:8px 9px}.demo-interpolation-facts{background:#fff;border:1px solid #d5dde7;border-radius:8px;gap:0;margin:0;display:grid}.demo-interpolation-facts div{border-bottom:1px solid #e4eaf1;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.demo-interpolation-facts div:last-child{border-bottom:0}.demo-interpolation-facts dt{color:#526170;font-size:.82rem;font-weight:700}.demo-interpolation-facts dd{color:#101827;margin:0;font-weight:800}.demo-interpolation-legend{z-index:600;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.demo-interpolation-legend span{color:#101827;background:#fffffff0;border:1px solid #d5dde7;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;font-weight:760;display:inline-flex;box-shadow:0 10px 28px #0f172a24}.demo-interpolation-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.demo-interpolation-legend__start{background:#475569}.demo-interpolation-legend__preview{background:#be123c}.demo-interpolation-legend__end{background:#d97706}.demo-history-workbench{background:#fff;border:1px solid #d5dde7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:620px;display:grid;overflow:hidden}.demo-history-map{min-width:0}.demo-history-panel{background:#f8fafc;border-left:1px solid #d5dde7;align-content:start;gap:16px;padding:16px;display:grid}.demo-history-timeline{gap:10px;display:grid}.demo-history-timeline span{color:#101827;gap:3px;font-size:.9rem;display:grid}.demo-history-timeline em{color:#526170;font-style:normal;font-weight:680}.demo-history-timeline input{accent-color:#2563eb;width:100%}.demo-history-scenarios,.demo-history-epoch-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-history-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.demo-history-legend span{color:#101827;align-items:center;gap:7px;min-width:0;font-size:.82rem;font-weight:730;display:flex}.demo-history-legend i{border-radius:3px;flex:none;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #0f172a2e}.demo-history-caveat{color:#526170;background:#fff;border:1px solid #d5dde7;border-radius:8px;margin:0;padding:10px 12px;font-size:.84rem;line-height:1.45}@media (width<=960px){.demo-shell{padding:16px}.demo-toolbar,.demo-stage,.demo-interpolation-workbench,.demo-history-workbench{grid-template-columns:1fr}.demo-interpolation-panel,.demo-history-panel{border-top:1px solid #d5dde7;border-left:0}.demo-toolbar{align-items:start;display:grid}.demo-actions{justify-content:start}.demo-toolbar h1{font-size:1.6rem}}@media (width<=640px){.demo-shell{padding:12px}.demo-actions,.demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-field,.demo-field select,.demo-button,.demo-tab{width:100%}}:root{color:#142126;background:#f3f6f6}body{background:radial-gradient(circle at 12% 0,#0f766e14,#0000 30rem),#f3f6f6}.maps-showcase{min-height:100vh;padding-top:22px}.maps-showcase__hero{width:min(1480px,100% - 44px);margin-inline:auto}.maps-showcase__content{width:100%;margin-inline:auto}.maps-showcase__hero{color:#f7fbfb;background:radial-gradient(circle at 88% 0,#2dd4bf38,#0000 25rem),linear-gradient(135deg,#071b22 0%,#0d3035 58%,#164e4a 100%);border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:minmax(0,1.15fr) minmax(500px,.85fr);align-items:end;gap:30px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a29}.maps-showcase__intro{z-index:1;max-width:760px;position:relative}.maps-showcase__eyebrow{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.maps-showcase__eyebrow span{color:#ccfbf1;letter-spacing:.02em;background:#064e4f75;border:1px solid #ccfbf13d;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.75rem;font-weight:760;display:inline-flex}.maps-showcase__intro h1{color:#fff;letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:720;line-height:.98}.maps-showcase__intro p{color:#c9dedf;max-width:760px;margin:16px 0 0;font-size:.98rem;line-height:1.58}.maps-showcase__runtime-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid;position:relative}.maps-showcase__runtime-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041b218a;border:1px solid #ffffff1f;border-radius:16px;align-content:start;min-height:132px;padding:14px;display:grid}.maps-showcase__runtime-card>span{color:#9dbabd;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:740}.maps-showcase__runtime-card strong{color:#fff;margin-top:9px;font-size:1.05rem;line-height:1.1}.maps-showcase__runtime-card small{color:#b9d0d1;margin-top:8px;font-size:.74rem;line-height:1.42}.maps-showcase__runtime-card[data-state=verified]{background:#0d585266;border-color:#5eead46b}.maps-showcase__runtime-card[data-state=loading] strong:after{content:"";vertical-align:.12em;background:#99f6e4;border-radius:999px;width:6px;height:6px;margin-left:7px;display:inline-block}.maps-showcase__content{margin-top:2px}.maps-showcase__content>main{align-content:start!important;gap:12px!important;min-height:0!important;padding:24px!important}.maps-showcase__content>main>header{background:#ffffffe6;border:1px solid #d8e2e3;border-radius:16px;justify-self:end;width:max-content;min-width:0;max-width:100%;min-height:52px;box-shadow:0 8px 28px #0f172a0d;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;display:flex!important}.maps-showcase__content>main>header>div:first-child{display:none!important}.maps-showcase__content>main>header>div:last-child{width:auto;justify-content:flex-end!important;align-items:end!important;gap:8px!important;display:flex!important}.maps-showcase__content>main>header label{color:#607277!important;font-size:.72rem!important;font-weight:700!important}.maps-showcase__content>main>header select,.maps-showcase__content>main>header button{color:#183036;background:#fff;min-height:34px!important;box-shadow:none!important;border-color:#cbd8da!important;border-radius:9px!important}.maps-showcase__content>main>header button[aria-pressed=true]{color:#fff!important;background:#0f766e!important;border-color:#0f766e!important}.maps-showcase__content>main>header+div{background:#ffffffe6;border:1px solid #d8e2e3;border-radius:16px;min-width:0;padding:8px;overflow:hidden;box-shadow:0 8px 28px #0f172a0d;display:block!important}.maps-showcase__content>main>header+div:before{content:"Capabilities";color:#718287;letter-spacing:.08em;text-transform:uppercase;vertical-align:top;align-items:center;min-height:34px;padding:0 10px;font-size:.7rem;font-weight:800;display:inline-flex}.maps-showcase__content [role=tablist]{vertical-align:top;background:0 0!important;border-radius:0!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;width:calc(100% - 112px)!important;height:auto!important;padding:0!important;display:inline-flex!important}.maps-showcase__content [role=tab]{color:#43565b!important;white-space:nowrap!important;width:auto!important;min-height:34px!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;padding:0 10px!important;font-size:.79rem!important;font-weight:690!important;display:inline-flex!important}.maps-showcase__content [role=tab]:hover{color:#17373b!important;background:#f0f5f4!important}.maps-showcase__content [role=tab][aria-selected=true]{color:#0c5f59!important;background:#e5f4f1!important;border-color:#a7d8d1!important}.maps-showcase__content [role=tab][aria-selected=true]:before{content:"";background:#0f766e;border-radius:999px;width:6px;height:6px;margin-right:7px}@media (width<=1180px){.maps-showcase__hero{grid-template-columns:1fr}.maps-showcase__runtime-grid{max-width:850px}}@media (width<=900px){.maps-showcase{padding-top:12px}.maps-showcase__hero{border-radius:20px;gap:22px;width:calc(100% - 24px);padding:22px 18px}.maps-showcase__runtime-grid{grid-template-columns:1fr}.maps-showcase__runtime-card{min-height:0}.maps-showcase__content>main{gap:10px!important;padding:12px!important}:is(.maps-showcase__content .demo-stage,.maps-showcase__content .demo-stage:has(.demo-editor-facts)){min-height:0}.maps-showcase__content>main>header{justify-self:stretch;width:100%;min-height:0}.maps-showcase__content>main>header>div:last-child{width:100%;justify-content:flex-start!important}.maps-showcase__content>main>header+div{padding:7px}.maps-showcase__content>main>header+div:before{min-height:28px;padding-inline:7px;display:flex}.maps-showcase__content [role=tablist]{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto;flex-wrap:nowrap!important;width:100%!important;padding-bottom:2px!important;display:flex!important}.maps-showcase__content [role=tab]{flex:none}}@media (width<=560px){.maps-showcase{padding-top:8px}.maps-showcase__hero{border-radius:16px;width:calc(100% - 16px);padding:20px 15px}.maps-showcase__intro h1{font-size:2rem}.maps-showcase__intro p{font-size:.9rem}.maps-showcase__content>main{padding:8px!important}.maps-showcase__content>main>header,.maps-showcase__content>main>header>div:last-child{align-items:stretch!important}.maps-showcase__content>main>header label{flex:128px;min-width:128px}.maps-showcase__content>main>header button{flex:auto}}.maps-showcase__content .demo-stage{min-height:681px}.maps-showcase__content .demo-stage:has(.demo-editor-facts){min-height:714px}@media (width<=900px){:is(.maps-showcase__content .demo-stage,.maps-showcase__content .demo-stage:has(.demo-editor-facts)){min-height:0}}.maps-showcase__project-links{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.maps-showcase__project-links a{color:#ccfbf1;text-underline-offset:.2em;font-size:.86rem;font-weight:720}.maps-showcase__project-links a:hover{color:#fff}.maps-showcase__project-links a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #99f6e4}