:root{--phx-bg: #0a0a0c;--phx-bg-1: #0f0f13;--phx-bg-2: #15151b;--phx-bg-3: #1b1b22;--phx-line: rgba(255, 255, 255, .07);--phx-line-strong: rgba(255, 255, 255, .13);--phx-line-faint: rgba(255, 255, 255, .04);--phx-fg: #ededea;--phx-fg-mute: #82827e;--phx-fg-faint: #4a4a45;--phx-fg-ghost: #2a2a26;--phx-sage-hot: #d8f2e4;--phx-sage: #b9e2cf;--phx-sage-shade: #7fa191;--phx-sage-glow: rgba(185, 226, 207, .18);--phx-warn: #d9a875;--phx-danger: #e88b85;--phx-success: #b9e2cf;--phx-bg-rgb: 10, 10, 12;--phx-fg-rgb: 237, 237, 234;--phx-sage-rgb: 185, 226, 207;--phx-white-rgb: 255, 255, 255;--phx-sans: "Geist", system-ui, -apple-system, sans-serif;--phx-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--phx-ease: cubic-bezier(.2, .7, .3, 1);--phx-t-fast: .15s;--phx-t-base: .24s;--phx-t-slide: .35s;--phx-r-sm: 3px;--phx-r-md: 6px;--phx-r-lg: 10px;--phx-shadow-lg: 0 28px 80px rgba(0, 0, 0, .55);--phx-color-bg-canvas: var(--phx-bg);--phx-color-bg-elevated: var(--phx-bg-1);--phx-color-bg-strong: var(--phx-bg-2);--phx-color-fg-primary: var(--phx-fg);--phx-color-fg-muted: var(--phx-fg-mute);--phx-color-border-soft: var(--phx-line);--phx-color-border-strong: var(--phx-line-strong);--phx-color-accent-warm: var(--phx-sage);--phx-color-accent-warm-strong: var(--phx-sage-hot);--phx-color-accent-cyan: var(--phx-sage);--phx-color-accent-cyan-strong: var(--phx-sage-hot);--phx-color-success: var(--phx-success);--phx-color-warning: var(--phx-warn);--phx-color-danger: var(--phx-danger);--phx-color-bg-canvas-hsl: 240 9% 4%;--phx-color-bg-elevated-hsl: 240 12% 7%;--phx-color-bg-strong-hsl: 240 13% 10%;--phx-color-bg-muted-surface-hsl: 240 13% 12%;--phx-color-fg-primary-hsl: 60 7% 92%;--phx-color-fg-muted-hsl: 60 2% 50%;--phx-color-border-soft-hsl: 0 0% 100% / .07;--phx-color-accent-warm-hsl: 150 47% 80%;--phx-color-accent-cyan-hsl: 150 47% 80%;--phx-color-accent-warm-rgb: var(--phx-sage-rgb);--phx-color-accent-cyan-rgb: var(--phx-sage-rgb);--phx-color-white-rgb: var(--phx-white-rgb);--phx-color-success-rgb: var(--phx-sage-rgb);--phx-color-warning-rgb: 217, 168, 117;--phx-color-danger-rgb: 232, 139, 133;--phx-font-sans: var(--phx-sans);--phx-font-sans-alt: var(--phx-sans);--phx-font-display: var(--phx-sans);--phx-font-mono: var(--phx-mono);--phx-radius-sm: var(--phx-r-sm);--phx-radius-md: var(--phx-r-md);--phx-radius-lg: var(--phx-r-md);--phx-radius-xl: var(--phx-r-lg);--phx-radius-pill: 999px;--phx-duration-fast: var(--phx-t-fast);--phx-duration-base: var(--phx-t-base);--phx-easing-default: var(--phx-ease);--phx-surface-soft: rgba(255, 255, 255, .03);--phx-surface-strong: rgba(255, 255, 255, .07);--phx-shadow-lg-legacy: var(--phx-shadow-lg);--phx-gradient-graphite: linear-gradient(180deg, #09090a 0%, var(--phx-bg) 60%, var(--phx-bg-1) 100%);--phx-noise-opacity: 0;--phx-layout-max-width: 1180px;--phx-layout-header-height: 36px}:root{--bg: var(--phx-bg);--bg-1: var(--phx-bg-1);--bg-2: var(--phx-bg-2);--bg-3: var(--phx-bg-3);--line: var(--phx-line);--line-strong: var(--phx-line-strong);--line-faint: var(--phx-line-faint);--fg: var(--phx-fg);--fg-mute: var(--phx-fg-mute);--fg-faint: var(--phx-fg-faint);--fg-ghost: var(--phx-fg-ghost);--sage-hot: var(--phx-sage-hot);--sage: var(--phx-sage);--sage-shade: var(--phx-sage-shade);--sage-glow: var(--phx-sage-glow);--warn: var(--phx-warn);--sans: var(--phx-sans);--mono: var(--phx-mono);--ease: var(--phx-ease);--t-fast: var(--phx-t-fast);--t-base: var(--phx-t-base);--t-slide: var(--phx-t-slide);--r-sm: var(--phx-r-sm);--r-md: var(--phx-r-md);--r-lg: var(--phx-r-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:13px;line-height:1.45;font-feature-settings:"ss01","ss03","cv11";overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--sage-glow);color:var(--fg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.workspace{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.top{height:36px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 14px;background:var(--bg);flex-shrink:0;gap:14px}.top__mark{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-mute);justify-self:start}.top__mark-glyph{width:9px;height:9px;background:var(--sage);transform:rotate(45deg)}.top__mark b{color:var(--fg);font-weight:500}.top__search{display:inline-flex;align-items:center;gap:10px;padding:5px 10px 5px 12px;background:#ffffff06;border:1px solid var(--line);border-radius:999px;color:var(--fg-mute);font-family:var(--sans);font-size:12px;letter-spacing:.005em;min-width:260px;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.top__search svg{color:var(--fg-faint);flex-shrink:0;transition:color var(--t-fast)}.top__search-text{flex:1;text-align:left}.top__search:hover{color:var(--fg);background:#ffffff0a;border-color:var(--line-strong)}.top__search:hover svg{color:var(--fg-mute)}.top__actions{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--fg-mute);justify-self:end}.top__live{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-hot)}.top__live:before{content:"";width:5px;height:5px;background:var(--sage-hot);border-radius:50%;box-shadow:0 0 8px var(--sage-hot);animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.32}}.top__item{display:inline-flex;align-items:center;gap:6px;transition:color var(--t-fast)}.top__item b{color:var(--fg);font-weight:500}.top__item:hover{color:var(--fg)}.top__filter-count{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.top__divider{width:1px;height:16px;background:var(--line)}kbd{font-family:var(--mono);font-size:9.5px;border:1px solid var(--line-strong);padding:1px 5px;border-radius:var(--r-sm);color:var(--fg-mute)}.canvas{flex:1;position:relative;overflow:hidden;background:var(--bg);min-height:0;cursor:grab;touch-action:none}.canvas.canvas--shift{cursor:crosshair}.canvas.canvas--dragging{cursor:grabbing}.canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.014) 1px,transparent 1px);background-size:96px 96px;pointer-events:none}.canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,transparent 35%,rgba(0,0,0,.55) 100%);pointer-events:none}.canvas__map{position:absolute;top:0;left:0;width:auto;height:auto;overflow:visible;transform-origin:0 0;pointer-events:none}.canvas__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.canvas__overlay>*{pointer-events:auto}.country{fill:#ffffff06;stroke:#ffffff29;stroke-width:.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-head{position:absolute;top:14px;left:14px;right:14px;z-index:12;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;pointer-events:none}.map-head>*{pointer-events:auto}.map-head__summary,.map-head__filters,.map-head__layers,.viewport-controls{min-height:34px;display:inline-flex;align-items:center;border:1px solid var(--line);background:#0c0d0dd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-head__summary{gap:8px;padding:0 11px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint)}.map-head__summary b{font-size:12px;letter-spacing:.04em;color:var(--fg);font-weight:500}.map-head__summary em{font-style:normal;color:var(--fg-faint);letter-spacing:.06em}.map-head__filters{min-width:0;gap:6px;padding:4px;overflow-x:auto;scrollbar-width:none}.map-head__filters::-webkit-scrollbar{display:none}.map-filter{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:26px;padding:0 7px;border-radius:var(--r-sm);background:#ffffff07}.map-filter span{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}.map-filter select{max-width:126px;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--sans);font-size:11.5px}.map-head__reset,.map-head__layer,.viewport-controls button{height:26px;padding:0 9px;border-radius:var(--r-sm);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);transition:color var(--t-fast),background var(--t-fast)}.map-head__reset:not(:disabled):hover,.map-head__layer:hover,.viewport-controls button:hover{color:var(--fg);background:#ffffff0b}.map-head__reset:disabled{cursor:default;opacity:.42}.map-head__layers{gap:2px;padding:4px}.map-head__layer.is-on{color:var(--sage);background:var(--sage-glow)}.viewport-controls{gap:2px;padding:4px}.viewport-controls span{min-width:42px;text-align:center;font-family:var(--mono);font-size:10px;color:var(--fg-mute)}.node-layer{z-index:3}.node-mark{position:absolute;width:0;height:0;padding:0;background:none;display:block;cursor:pointer}.node-mark__dot{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;background:var(--fg-mute);transform:translate(-50%,-50%);transition:background var(--t-fast),box-shadow var(--t-fast),width var(--t-fast),height var(--t-fast)}.node-mark.is-dot .node-mark__dot{width:5px;height:5px;background:var(--sage-shade);opacity:.7}.node-mark.is-label .node-mark__dot{width:6px;height:6px;background:var(--sage)}.node-mark.is-selected .node-mark__dot{background:var(--sage);width:8px;height:8px;box-shadow:0 0 8px var(--sage-glow)}.node-mark.is-selected{z-index:3}.node-mark.is-label{z-index:2}.node-mark.is-dot{z-index:1}.node-mark:hover .node-mark__dot{background:var(--sage)}.node-mark__halo{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;border:1px solid var(--sage-shade);opacity:.55;transform:translate(-50%,-50%);pointer-events:none}.node-mark__halo--pulse{width:14px;height:14px;border-color:var(--sage);opacity:0;animation:pulseRing 2.6s ease-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:.45}to{transform:translate(-50%,-50%) scale(4.5);opacity:0}}.node-mark__label-text{position:absolute;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.005em;color:var(--sage);white-space:nowrap;pointer-events:none;text-shadow:0 0 8px rgba(10,10,12,.92),0 0 3px rgba(10,10,12,.92)}.node-mark.pos-above .node-mark__label-text{bottom:9px}.node-mark.pos-below .node-mark__label-text{top:9px}.node-mark.align-center .node-mark__label-text{left:50%;transform:translate(-50%)}.node-mark.align-left .node-mark__label-text{left:6px}.node-mark.align-right .node-mark__label-text{right:6px}.substation-layer{z-index:2}.substation-mark{position:absolute;width:0;height:0;padding:0;display:block;cursor:pointer;color:#accdffe6}.substation-mark__glyph{position:absolute;top:0;left:0;width:9px;height:9px;border:1px solid currentColor;background:#28548d47;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 10px #568eda1f;transition:background var(--t-fast),box-shadow var(--t-fast),width var(--t-fast),height var(--t-fast)}.substation-mark.is-400{color:#ffd68cf5}.substation-mark.is-230{color:#accdfff2}.substation-mark.is-115{color:#b9e2cfd1}.substation-mark:hover .substation-mark__glyph{width:11px;height:11px;background:#ffffff24;box-shadow:0 0 14px currentColor}.substation-mark__label{position:absolute;left:9px;top:-7px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:currentColor;pointer-events:none;text-shadow:0 0 8px rgba(10,10,12,.95),0 0 3px rgba(10,10,12,.95)}.placemark{position:absolute;transform:translate(-50%,-50%);padding:0;background:none;color:var(--sage-hot);display:inline-flex;align-items:center;gap:6px;cursor:pointer;z-index:5}.placemark svg{flex-shrink:0;filter:drop-shadow(0 0 6px var(--sage-glow))}.placemark__radius{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(185,226,207,.14);background:radial-gradient(circle,rgba(185,226,207,.04),transparent 70%);pointer-events:none;animation:placeFade .4s ease-out}@keyframes placeFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.selected-view__code{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--sage);margin-bottom:2px}.selected-view__name{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.005em;color:var(--fg);margin-bottom:12px}.selected-view__meta{display:grid;grid-template-columns:70px 1fr;gap:6px 12px;font-size:11.5px}.selected-view__meta dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}.selected-view__meta dd{font-family:var(--mono);color:var(--fg);min-width:0;overflow-wrap:anywhere}.nearest-view{list-style:none;margin:0;padding:0}.nearest-view li{border-bottom:1px solid var(--line)}.nearest-view li:last-child{border-bottom:none}.nearest-view__item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:10px 14px;width:100%;text-align:left;transition:background var(--t-fast)}.nearest-view__item:hover{background:#ffffff06}.nearest-view__code{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--sage);grid-column:1;grid-row:1}.nearest-view__dist{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--fg-faint);grid-column:2;grid-row:1;text-align:right}.nearest-view__name{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--fg);grid-column:1;grid-row:2}.nearest-view__meta{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);grid-column:2;grid-row:2;text-align:right;align-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telemetry{position:absolute;bottom:22px;left:22px;z-index:4;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--fg-faint);line-height:1.85;pointer-events:none;animation:fade .9s .5s both ease-out}.telemetry>div{white-space:nowrap}@keyframes fade{0%{opacity:0}to{opacity:1}}:root{--dock-strip-h: 40px;--dock-pane-h: 268px}.dock{height:var(--dock-strip-h);background:var(--bg-1);border-top:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:height var(--t-slide) var(--ease);flex-shrink:0}.dock.is-expanded{height:calc(var(--dock-strip-h) + var(--dock-pane-h))}.dock-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:var(--dock-strip-h);flex-shrink:0;border-bottom:1px solid transparent;padding:0 8px 0 14px;background:var(--bg-1);transition:border-bottom-color var(--t-fast)}.dock.is-expanded .dock-strip{border-bottom-color:var(--line)}.dock-strip__identifier{display:flex;align-items:center;min-width:0}.dock-strip__chip{display:inline-flex;align-items:baseline;gap:8px;padding:4px 6px 4px 10px;background:#ffffff06;border:1px solid var(--line);border-radius:var(--r-sm);max-width:100%;overflow:hidden;transition:background var(--t-fast),border-color var(--t-fast)}.dock-strip__chip:hover{background:#ffffff0a;border-color:var(--line-strong)}.dock-strip__chip-name{font-family:var(--sans);font-weight:500;font-size:12.5px;color:var(--fg);letter-spacing:.005em;white-space:nowrap}.dock-strip__chip-code{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--sage);white-space:nowrap}.dock-strip__chip-meta{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.dock-strip__chip-x{font-family:var(--mono);font-size:10px;color:var(--fg-faint);padding:0 4px;margin-left:2px;transition:color var(--t-fast)}.dock-strip__chip:hover .dock-strip__chip-x{color:var(--fg-mute)}.dock-strip__empty{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);padding-left:4px}.dock-strip__tabs{display:flex;align-items:center;gap:2px;justify-self:center}.dock-strip__settings{display:flex;align-items:center;justify-self:end;margin-left:6px;padding-left:8px;border-left:1px solid var(--line)}.dock-strip__tab{width:32px;height:32px;border-radius:var(--r-sm);color:var(--fg-faint);display:flex;align-items:center;justify-content:center;transition:color var(--t-fast),background var(--t-fast)}.dock-strip__tab svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.dock-strip__tab:hover{color:var(--fg);background:#ffffff06}.dock-strip__tab.is-active{color:var(--sage);background:var(--sage-glow)}.dock-pane{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pane{padding:14px 22px 16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.pane.pane--list{padding:0;overflow-y:auto}.pane__meta{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}.pane__meta-lhs{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--fg-mute)}.pane__meta-lhs b{color:var(--fg);font-weight:500}.legend{display:inline-flex;gap:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:2px;display:inline-block}.legend .legend__hist{background:var(--fg-mute)}.legend .legend__fcst{background:var(--sage)}.legend .legend__b50{background:#b9e2cf57;height:9px}.legend .legend__b90{background:#b9e2cf26;height:9px}.chart{flex:1;min-height:0;position:relative}.chart svg{width:100%;height:100%;display:block}.chart .axis text{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;fill:var(--fg-faint)}.chart .axis line{stroke:var(--line)}.chart .grid line{stroke:var(--line-faint);stroke-dasharray:1 3}.chart__b90{fill:#b9e2cf12}.chart__b50{fill:#b9e2cf29}.chart__hist{fill:none;stroke:var(--fg-mute);stroke-width:1.3}.chart__fcst{fill:none;stroke:var(--sage);stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(185,226,207,.5))}.chart__now{stroke:var(--sage-hot);stroke-width:.8;stroke-dasharray:2 4;opacity:.65}.chart__now-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;fill:var(--sage-hot);text-transform:uppercase}.chart__annot{font-family:var(--mono);font-size:10px;fill:var(--fg);letter-spacing:.02em}.stat-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding-top:10px;border-top:1px solid var(--line)}.stat{padding:8px 14px 4px 0;border-right:1px solid var(--line)}.stat:last-child{border-right:none;padding-right:0}.stat__label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:4px}.stat__val{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--fg);letter-spacing:.005em;line-height:1}.stat__val b{color:var(--sage);font-weight:500}.stat__unit{font-size:10px;color:var(--fg-mute);margin-left:4px}.stat__delta{font-size:10px;color:var(--sage-hot);margin-left:6px}.stat__delta.is-neg{color:var(--warn)}.pane-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fg-faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;gap:8px;padding:24px;text-align:center}.pane-empty em{font-family:var(--sans);font-style:italic;font-weight:300;font-size:18px;color:var(--fg-mute);letter-spacing:0;text-transform:none}.settings-pane{padding:18px 22px}.settings-pane__section{margin-bottom:14px}.settings-pane__heading{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:10px;font-weight:500}.settings-pane__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.settings-pane__toggle{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;color:var(--fg-faint);border-radius:var(--r-sm);font-family:var(--sans);font-size:12.5px;letter-spacing:.005em;transition:color var(--t-fast),background var(--t-fast);width:100%}.settings-pane__toggle:not(:disabled):hover{color:var(--fg);background:#ffffff06}.settings-pane__toggle.is-on{color:var(--fg)}.settings-pane__toggle.is-disabled,.settings-pane__toggle:disabled{cursor:default;opacity:.5}.settings-pane__icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.settings-pane__label{flex:1;text-align:left}.settings-pane__hint{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint)}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0505078c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:paletteFadeIn .18s var(--ease) both}@keyframes paletteFadeIn{0%{opacity:0}to{opacity:1}}.palette{width:min(560px,calc(100vw - 32px));max-height:60vh;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 30px 80px #0000008c;display:flex;flex-direction:column;overflow:hidden;animation:paletteRise .22s var(--ease) both}@keyframes paletteRise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.palette__input-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.palette__icon{color:var(--fg-faint);flex-shrink:0}.palette__input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--sans);font-size:14px;letter-spacing:.005em;padding:4px 0}.palette__input::placeholder{color:var(--fg-faint)}.palette__hint{color:var(--fg-faint)}.palette__list{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1;min-height:0}.palette__item{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:8px 10px;width:100%;text-align:left;border-radius:var(--r-sm);transition:background var(--t-fast)}.palette__item.is-highlight{background:var(--sage-glow)}.palette__code{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--sage)}.palette__name{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--fg)}.palette__meta{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.palette__empty{padding:22px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint)}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:4px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.kpi{padding:6px 14px 6px 0;border-right:1px solid var(--line)}.kpi:last-child{border-right:none;padding-right:0}.kpi__label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:4px}.kpi__value{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--fg);letter-spacing:.005em;line-height:1}.kpi--accent .kpi__value,.kpi--success .kpi__value{color:var(--sage)}.kpi--warning .kpi__value{color:var(--warn)}.kpi__detail{font-family:var(--mono);font-size:9.5px;color:var(--fg-mute);margin-top:4px;letter-spacing:.05em}.breakdown{display:flex;flex-direction:column;gap:4px;padding:10px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.breakdown__row{display:grid;grid-template-columns:140px 1fr 56px 96px;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--fg)}.breakdown__label{color:var(--fg);letter-spacing:.04em}.breakdown__row--muted .breakdown__label{color:var(--fg-faint)}.breakdown__bar{height:6px;background:var(--bg-2);border-radius:2px;overflow:hidden}.breakdown__fill{display:block;height:100%;background:var(--sage)}.breakdown__row--secondary .breakdown__fill{background:var(--sage-shade)}.breakdown__row--muted .breakdown__fill{background:var(--fg-ghost)}.breakdown__share{color:var(--sage);text-align:right;font-size:10px;letter-spacing:.04em}.breakdown__value{color:var(--fg-mute);text-align:right;font-size:10px;letter-spacing:.04em}@media (max-width: 920px){.map-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"summary filters viewport" "layers layers layers"}.map-head__summary{grid-area:summary}.map-head__filters{grid-area:filters}.map-head__layers{grid-area:layers;justify-self:start;max-width:100%;overflow-x:auto}.viewport-controls{grid-area:viewport}}@media (max-width: 720px){:root{--dock-strip-h: 76px;--dock-pane-h: min(54svh, 360px)}.top{height:46px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 10px;gap:8px}.top__mark{gap:0}.top__mark b{display:none}.top__search{min-width:0;width:100%;padding:6px 9px}.top__search-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top__search kbd{display:none}.top__actions{gap:8px;font-size:9.5px}.top__divider,.top__item{display:none}.map-head{top:8px;left:8px;right:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"summary viewport" "filters filters" "layers layers";gap:6px}.map-head__summary,.viewport-controls{min-height:32px}.map-head__filters,.map-head__layers{min-height:32px;width:100%;overflow-x:auto}.map-filter{height:24px}.map-filter span{display:none}.map-filter select{max-width:118px;font-size:11px}.map-head__layer,.map-head__reset,.viewport-controls button{height:24px;padding:0 8px;font-size:9px}.viewport-controls span{min-width:36px}.telemetry{left:10px;bottom:calc(var(--dock-strip-h) + 12px);font-size:9.5px}.dock-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 34px;height:var(--dock-strip-h);padding:4px 8px;gap:2px 8px}.dock-strip__identifier{grid-column:1;grid-row:1;min-width:0}.dock-strip__settings{grid-column:2;grid-row:1;margin-left:0;padding-left:8px}.dock-strip__tabs{grid-column:1 / 3;grid-row:2;justify-self:stretch;justify-content:space-between;overflow-x:auto;gap:4px;scrollbar-width:none}.dock-strip__tabs::-webkit-scrollbar{display:none}.dock-strip__tab{width:34px;height:30px;flex:0 0 34px}.dock-strip__chip{width:100%;min-width:0;gap:6px;padding:3px 6px 3px 8px}.dock-strip__chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.dock-strip__chip-code{font-size:10px}.dock-strip__chip-meta{display:none}.dock-strip__empty{padding-left:0;font-size:9.5px}.dock-pane{overflow-y:auto}.pane{padding:12px 14px 14px;overflow-y:auto}.selected-view__name{font-size:16px}.selected-view__meta{grid-template-columns:82px minmax(0,1fr);gap:6px 10px}.nearest-view__item{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.nearest-view__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearest-view__meta{grid-column:1 / 3;grid-row:3;text-align:left;align-self:start}.pane__meta,.legend{gap:8px;flex-wrap:wrap}.stat-strip,.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.stat,.kpi{min-width:0}.breakdown__row{grid-template-columns:minmax(0,1fr) 58px}.breakdown__bar,.breakdown__value{display:none}}@media (max-width: 430px){:root{--dock-pane-h: min(58svh, 390px)}.map-head__summary em{display:none}.map-head__summary{padding:0 9px}.viewport-controls button:last-child{display:none}.dock-strip__tab{width:31px;flex-basis:31px}}.catalog-error{position:fixed;bottom:12px;right:12px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--warn);color:var(--warn);font-family:var(--mono);font-size:10px;letter-spacing:.08em;border-radius:3px;z-index:100}