.bs-panel{-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-panel-solid)60%,transparent);will-change:transform;max-height:min(70vh,600px);padding-bottom:env(safe-area-inset-bottom,0);border-top-left-radius:16px;border-top-right-radius:16px;overflow:auto;box-shadow:0 -8px 30px #0000001f}.bs-grabber{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;height:24px;padding-top:8px;padding-bottom:12px;display:flex}.bs-grabber-bar{opacity:.4;background:currentColor;border-radius:999px;width:36px;height:4px}.bs-content{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;padding:12px 16px 16px}
.stage{grid-template:1fr/1fr;height:100dvh;display:grid}.stage>*{grid-area:1/1}.overlay{z-index:1;pointer-events:none;position:relative}.glassHeader{inset-inline:0;pointer-events:auto;padding:var(--space-5);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-panel-solid)30%,transparent);border-block-end:1px solid var(--color-panel-contrast);position:sticky;top:0}.glassHeader :is(button,input,a,[role=button]){pointer-events:auto}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border-radius:6px}.dark .glass{background:#00000047}.overlay,.overlayDock,.mapToolbarWrap{pointer-events:none}.mapControlsRow{pointer-events:none;justify-content:flex-end;gap:12px;padding-top:16px;padding-right:24px;display:flex}.mapControlsRow>*{pointer-events:auto}.mapToolbar{width:max-content}.navBar{pointer-events:none;z-index:1;background:0 0;grid-area:1/1;justify-content:space-between;align-self:start;align-items:center;gap:8px;padding:24px;display:flex}.navButton{pointer-events:auto}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ring-thickness{syntax:"<length>";inherits:false;initial-value:2px}.outlineWrap{display:inline-flex;position:relative}.outlineWrap>.navButton{border-radius:var(--radius-3)}.outlineWrap:before{--ring-thickness:2px;content:"";inset:calc(var(--ring-thickness)*-1);border-radius:calc(var(--radius-3) + var(--ring-thickness));padding:var(--ring-thickness);background:conic-gradient(from var(--ring-angle),var(--indigo-9)0%,var(--cyan-9)25%,var(--purple-9)50%,var(--cyan-9)75%,var(--indigo-9)100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.outlineWrap.isLoading:before{opacity:1;animation:.9s linear infinite ring-spin-fast}.outlineWrap.isPlaying:before{opacity:1;animation:1.4s ease-in-out infinite ring-pulse}@keyframes ring-spin-fast{to{--ring-angle:360deg}}@keyframes ring-pulse{0%,to{--ring-thickness:2px;opacity:.45}50%{--ring-thickness:6px;opacity:1}}@media (prefers-reduced-motion:reduce){.outlineWrap.isLoading:before,.outlineWrap.isPlaying:before{--ring-angle:0deg;--ring-thickness:2px;animation:none}}.callout{inset-inline:0;pointer-events:auto;border-radius:var(--radius-3);padding:var(--space-5);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--color-panel-solid)90%,transparent);border-block-end:1px solid var(--color-panel-contrast);position:sticky;top:0}
.canvas{z-index:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;width:100%;height:100%;overflow:hidden}
.fabDock{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;pointer-events:none;max-width:var(--container-3);position:fixed;transform:translate(-50%)}.fabDock>*{pointer-events:auto}.fabButton{box-shadow:0 10px 30px #00000040}.topDock{z-index:30;pointer-events:none;justify-content:center;display:flex;position:fixed;top:60px;left:0;right:0}.topDock>*{pointer-events:auto}