/* Full-canvas PRA inspection workspace. Native workflows keep their own shell. */
:root { --studio-signal:#61c9ff; --studio-ink:#edf0f1; --studio-muted:#a0a8ac; }
body.studio-map-active { overflow:hidden; background:#222628; }
body.studio-map-active main { margin:0; padding:0; width:100%; overflow:hidden; }
body.studio-map-active .sidebar { display:none; }
body.studio-map-active.studio-menu-open .sidebar { display:flex; position:fixed; inset:78px auto 55px 18px; width:270px; height:auto; z-index:1400; border:1px solid #ffffff25; border-radius:9px; background:#1c2225fa; box-shadow:0 18px 50px #0008; }
body.studio-map-active .sidebar .brand { display:none; }
body.studio-map-active .sidebar nav { padding:8px; flex:1; min-height:0; }
body.studio-map-active .sidebar nav button { min-height:33px; padding:7px 10px; font-size:12px; border-radius:5px; }
body.studio-map-active .sidebar .navgroup { padding:15px 10px 8px; font-size:9px; }
body.studio-map-active .sidebar .workflow-context { font-size:10px; margin:4px 10px 8px; }
body.studio-map-active .topbar { position:fixed; top:17px; left:202px; right:370px; height:48px; min-height:0; padding:0 18px; z-index:1002; background:none; border:0; box-shadow:none; pointer-events:none; }
body.studio-map-active .scopebar { pointer-events:auto; }
body.studio-map-active .scopebar ol { flex-wrap:nowrap; overflow:hidden; white-space:nowrap; color:#b8bec1; font-size:11px; }
body.studio-map-active .scopebar b { color:#e7edef; }
body.studio-map-active .scopebar span, body.studio-map-active .scopebar button { color:#b8bec1; }
body.studio-map-active .scopebar li+li::before { color:#6d7579; padding:0 10px; }
body.studio-map-active #orgbar:not(.hidden) { position:fixed; top:73px; left:300px; right:330px; z-index:1010; background:#20282bf5; padding:7px 12px; border:1px solid #ffffff25; border-radius:5px; }
body.studio-map-active #stationbar:not(.hidden),body.studio-map-active #runstrip:not(.hidden) { position:fixed; bottom:80px; left:285px; right:335px; z-index:1010; max-height:180px; overflow:auto; }
#view-map.studio-workspace { position:fixed; inset:0; max-width:none; margin:0; padding:0; --fg:#e3e8eb; --mut:#a0a8ac; --dim:#8f999f; --card:#23282b; --inset:#1b2023; --line:#ffffff22; --line-soft:#ffffff14; --accent:#61c9ff; --studio-panel:#21272bea; color:var(--fg); }
body.studio-map-active main>#view-map.studio-workspace { max-width:none; width:100%; }
#view-map > .pagehead { display:none; }
#view-map .pf-card { position:absolute; inset:0; margin:0; padding:0; border:0; border-radius:0; overflow:hidden; background:#292e30; box-shadow:none; }
#view-map .pf-wrap.studio-has-tree { position:absolute; inset:0; height:100%; min-height:0; display:block; }
#view-map .pf-mapbox { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; }
#view-map .pf-mapbox::after { content:''; position:absolute; inset:0; z-index:480; pointer-events:none; background:linear-gradient(0deg,#17212699,transparent 18%,transparent 90%,#17212622); }
#view-map #pf-map { height:100%; min-height:0; border-radius:0; }
#view-map .studio-in-3d #pf-map { visibility:hidden; }
#view-map .studio-in-3d > .pf-basemap,#view-map .studio-in-3d > #pf-legend { visibility:hidden; }
#view-map .pf-basemap { left:280px; top:90px; }
#view-map #pf-legend { left:280px; bottom:140px; max-width:calc(100% - 620px); }
.studio-workspace button:focus-visible,.studio-workspace input:focus-visible,.studio-workspace select:focus-visible,.studio-workspace summary:focus-visible,.studio-workspace [tabindex]:focus-visible { outline:2px solid #77d0ff; outline-offset:3px; }
.studio-workspace button { cursor:pointer; font-family:var(--sans); }
.studio-workspace button:disabled { opacity:.4; cursor:default; }
.studio-command { position:absolute; z-index:1000; top:16px; left:18px; right:18px; height:50px; display:flex; align-items:center; justify-content:space-between; background:#1c2225e8; border:1px solid #ffffff20; border-radius:8px; box-shadow:0 3px 16px #0002; backdrop-filter:blur(18px); }
.studio-brand-button { display:flex; align-items:center; gap:10px; height:100%; padding:0 17px 0 12px; border:0; border-right:1px solid #ffffff19; background:none; color:#edf2f4; }
.studio-brand-mark { display:grid; place-items:center; width:27px; height:27px; background:#65caff; color:#10232e; font-weight:750; font-size:18px; border-radius:5px; }
.studio-brand-button strong { font-size:17px; letter-spacing:-.045em; }
.studio-brand-caption { font-size:9px; color:#9fa9af; margin-left:-4px; }
.studio-menu-chevron { margin-left:9px; color:#9ca5aa; }
.studio-command-actions { display:flex; align-items:center; gap:7px; padding-right:8px; }
.studio-command-actions button { height:32px; padding:0 12px; border:1px solid transparent; border-radius:4px; font-size:11px; }
.studio-overlay-toggle { color:#9ba6ac; background:transparent; }
.studio-overlay-toggle[aria-pressed=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); border-color:var(--pra-selected-rim);  box-shadow:var(--pra-selected-shadow);}
.studio-study-button { color:#14212a; background:#87d5ff; font-weight:600; }
.studio-scene { position:absolute; inset:0; z-index:450; overflow:hidden; background:#292e30; }
.studio-scene[hidden],.studio-diagram[hidden] { display:none; }
.studio-scene canvas { display:block; width:100%; height:100%; outline-offset:-4px; }
.studio-scene-title { position:absolute; z-index:510; left:28px; top:97px; pointer-events:none; }
.studio-scene-title small { display:block; font-size:9px; letter-spacing:.14em; color:#aab1b5; font-weight:500; }
.studio-scene-title strong { display:block; font-size:35px; font-weight:480; letter-spacing:-.045em; margin-top:7px; color:#f3f6f7; line-height:1.2; }
.studio-tree,#view-map .pf-side { position:absolute; z-index:530; background:var(--studio-panel); color:var(--fg); border:1px solid #ffffff20; border-radius:7px; box-shadow:0 10px 30px #0002; backdrop-filter:blur(20px); min-width:0; }
.studio-tree { top:193px; left:20px; bottom:171px; width:224px; max-height:570px; display:flex; flex-direction:column; padding:14px 12px 5px; overflow:hidden; }
.studio-tree-heading { display:flex; justify-content:space-between; align-items:center; padding:0 2px 11px; font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:#d4dde2; }
.studio-dismiss { background:none; border:0; color:#8e9da4; padding:0 4px; line-height:1; font-size:18px; }
.studio-dismiss:hover { color:white; }
.studio-tree .pf-pick { padding:0 0 10px; }
.studio-tree .pf-pick > label { display:none; }
.studio-tree #pf-select { width:100%; height:30px; border:1px solid #ffffff25; color:#cbd4d9; background:#151a1e77; padding:4px 9px; font:500 11px var(--sans); border-radius:4px; }
.studio-tree #pf-about { display:none; }
.studio-tree-search { width:100%; min-height:30px; margin-bottom:8px; border:1px solid #ffffff1b; border-radius:4px; background:#0c12154d; color:#dde4e8; padding:7px 9px; font:11px var(--sans); }
.studio-note-link { border:0; background:none; color:#8dd4fa; font-size:10px; padding:0; }
.studio-find-circuits { text-align:left; margin:0 3px 11px; font-size:10px; color:#a3b3bd; }
.studio-tree-body { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#66707866 transparent; }
.studio-tree-root { width:100%; border:0; border-bottom:1px solid #ffffff13; color:#9daeb8; background:none; padding:8px 2px 11px; font-size:10px; text-align:left; }
.studio-tree-root::after { content:'⌄'; float:right; }
.studio-tree details { margin:3px 0; }
.studio-tree summary { display:flex; gap:7px; align-items:center; list-style:none; padding:8px 2px; font-size:10px; color:#9faeb8; cursor:pointer; }
.studio-tree summary::before { content:'›'; width:8px; color:#77878f; }
.studio-tree details[open]>summary::before { transform:rotate(90deg); }
.studio-tree summary span { margin-left:auto; font:9px var(--mono); color:#72838d; }
.studio-tree-stations { border-left:1px solid #ffffff17; margin-left:5px; padding-left:6px; }
.studio-tree-node { display:flex; align-items:center; gap:8px; width:100%; min-height:30px; min-width:0; padding:6px; text-align:left; color:#bcc7ce; font:10px var(--sans); border:0; border-radius:3px; background:none; }
.studio-tree-node:hover { background:#ffffff08; }
.studio-tree-node[aria-current=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.studio-tree-node span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-node-dot { display:block; flex:none; width:6px; height:6px; border:1px solid currentColor; transform:rotate(45deg); opacity:.7; }
.studio-tree-assets { margin-left:9px; padding-left:5px; border-left:1px solid #ffffff13; }
.studio-equipment-group .studio-tree-node { font:11px var(--mono); padding-left:16px; }
.studio-equipment-group summary { font-size:10px; }
.studio-tree-empty { padding:12px 3px; font-size:11px; line-height:1.5; color:#9eaeb7; }
.studio-portfolio-extra { flex:none; border-top:1px solid #ffffff17; padding:5px 0; }
.studio-portfolio-extra>div { max-height:260px; overflow:auto; }
.studio-portfolio-extra .pf-stats { font-size:10px; }
.studio-portfolio-extra .pf-stats b { font-size:17px; }
.studio-portfolio-extra button { font-size:10px; }
.studio-metrics { position:absolute; z-index:510; left:26px; bottom:66px; display:flex; gap:26px; padding:13px 0; }
.studio-metric span { font:10px var(--sans); color:#aab3b8; }
.studio-metric strong { display:block; margin:5px 0 4px; color:#eef4f6; font-size:24px; letter-spacing:-.03em; font-weight:450; text-shadow:0 1px 10px #172126; }
.studio-metric small { display:none; }
.studio-hero-bar { position:absolute; z-index:540; left:50%; bottom:59px; transform:translateX(-50%); display:flex; gap:3px; padding:5px; border:1px solid #ffffff29; background:#1c2327f5; border-radius:7px; box-shadow:0 5px 22px #0004; }
.studio-hero-bar button { display:flex; align-items:center; gap:7px; white-space:nowrap; padding:10px 15px; background:transparent; border:0; border-radius:4px; color:#a7b4bc; font-size:11px; }
.studio-hero-bar button[aria-pressed=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg);  box-shadow:var(--pra-selected-shadow);}
.studio-hero-bar button::before { content:'◇'; font-size:14px; }
.studio-hero-bar button:first-child::before { content:'◎'; }
.studio-hero-bar button:last-child::before { content:'⌘'; }
.studio-camera-tools { position:absolute; z-index:520; bottom:121px; left:50%; transform:translateX(-50%); display:flex; gap:3px; padding:4px; border:1px solid #ffffff1b; border-radius:5px; background:#1d2428cf; }
.studio-camera-tools button { color:#bacbd5; border:0; background:none; padding:6px 10px; font-size:10px; }
.studio-camera-tools button:first-child,.studio-camera-tools button:nth-child(2) { width:27px; font-size:15px; padding:2px; }
.studio-camera-tools button:nth-child(3) { border-left:1px solid #ffffff1b; }
.studio-orientation { position:absolute; z-index:510; right:338px; bottom:76px; width:59px; color:#8b9ca6; text-align:center; }
.studio-orientation svg { width:46px; height:46px; fill:none; stroke:#a1b0b8; stroke-width:1; overflow:visible; }
.studio-orientation text { font:8px var(--mono); fill:#a9bac5; stroke:none; }
.studio-orientation circle { fill:#78ceff; }
.studio-orientation span { font:7px var(--mono); letter-spacing:.08em; }
.studio-scene-caption { position:absolute; z-index:510; bottom:17px; left:25px; right:24px; display:flex; justify-content:space-between; font-size:9px; line-height:1.5; color:#87979f; pointer-events:none; }
.studio-scene-label { position:absolute; transform:translate(-50%,-100%); z-index:3; font:10px var(--mono); color:#bdc7cc; padding:4px 7px; pointer-events:none; white-space:nowrap; background:#161d21cf; border:1px solid #ffffff25; border-radius:3px; }
.studio-scene-label.is-selected { color:#a4e2ff; border-color:#78caff; }
.studio-scene-message { position:absolute; z-index:3; inset:200px 335px 160px 270px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#bdc8d0; font-size:12px; gap:14px; }
.studio-callout { position:absolute; z-index:8; width:154px; padding:0; border:1px solid #67caff6e; border-radius:4px; background:#1e2b34ed; box-shadow:0 5px 22px #0004; transform:translate(-50%,-100%); overflow:hidden; }
.studio-callout[hidden] { display:none; }
.studio-callout-head { display:flex; align-items:center; justify-content:space-between; padding:9px 11px; color:#d7f1ff; background:#298dc447; border-bottom:1px solid #5fcaff40; }
.studio-callout-head strong { font:600 12px var(--mono); }
.studio-callout-head button { border:0; padding:0; background:none; color:#9bc9de; }
.studio-callout-type { display:none; }
.studio-callout dl { padding:8px 11px; margin:0; display:grid; grid-template-columns:1fr auto; gap:6px 10px; font-size:9px; }
.studio-callout dt { color:#9caeb9; }
.studio-callout dd { color:#cddce5; margin:0; font-family:var(--mono); }
.studio-callout dl dt:nth-of-type(2),.studio-callout dl dd:nth-of-type(2) { display:none; }
.studio-callout>button { width:100%; text-align:left; background:transparent; border:0; border-top:1px solid #7bcfff25; padding:8px 11px; color:#99d6fa; font-size:9px; }
.studio-connectors { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:6; }
#view-map .pf-side { top:94px; right:20px; bottom:auto; width:288px; max-height:calc(100% - 170px); display:flex; flex-direction:column; overflow:auto; padding:0; font-size:11px; line-height:1.35; scrollbar-width:thin; scrollbar-color:#66707866 transparent; }
.studio-native-inspector { flex:none; min-height:0; }
#view-map .pf-side>.studio-native-inspector,#view-map .pf-side>.studio-dock { padding:0; }
.studio-insight { padding:16px 17px 12px; }
.studio-insight-eyebrow { display:flex; justify-content:space-between; align-items:center; color:#97a7b1; font-size:9px; letter-spacing:.09em; text-transform:uppercase; margin-bottom:12px; }
.studio-insight>h3 { margin:0; font-size:25px; line-height:1.15; letter-spacing:-.03em; color:#e5f3fa; font-weight:500; }
.studio-insight-kind { color:#96a8b3; font-size:10px; line-height:1.5; margin:5px 0 13px; }
.studio-risk-value { padding:14px 0 13px; border-top:1px solid #ffffff14; }
.studio-risk-value>span { display:block; font-size:10px; color:#a1b2bd; }
.studio-risk-value strong { display:inline-block; margin-top:7px; font-size:34px; line-height:1.15; color:#d8efff; letter-spacing:-.04em; font-weight:430; }
.studio-risk-value small { margin-left:7px; color:#8d9fa9; font-size:10px; }
.studio-insight-facts { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid #ffffff14; padding:12px 0; gap:14px; }
.studio-insight-facts>div+div { border-left:1px solid #ffffff17; padding-left:18px; }
.studio-insight-facts strong { display:block; font-weight:450; font-size:19px; line-height:1.2; letter-spacing:-.025em; color:#d8e2e8; }
.studio-insight-facts span { display:block; font-size:9px; margin-top:5px; color:#8fa3b0; }
.studio-consequence { position:relative; padding:13px 0 12px 13px; font-size:10px; line-height:1.5; color:#a5b6bf; }
.studio-consequence-line { position:absolute; left:0; top:18px; bottom:18px; width:2px; background:linear-gradient(#7dceff,#7dceff10); }
.studio-consequence strong { color:#d4e6f2; font-size:14px; font-weight:500; margin-right:5px; }
.studio-consequence small { display:block; margin-top:4px; font-size:9px; color:#849ba9; }
.studio-neighbors { padding-top:9px; border-top:1px solid #ffffff14; }
.studio-panel-head { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px; }
.studio-panel-head h3 { margin:0; font-size:10px; color:#b4c4cf; font-weight:450; }
.studio-neighbor-hub { display:inline-block; padding:6px 12px; min-width:52px; border:1px solid #66caff70; border-radius:3px; color:#a5dfff; background:#66caff13; font:10px var(--mono); }
.studio-neighbor-list { margin:0 0 0 24px; padding:7px 0 0 12px; border-left:1px solid #6fcaff70; display:flex; flex-wrap:wrap; gap:5px; position:relative; }
.studio-neighbor-list::before { content:''; position:absolute; top:20px; left:0; width:12px; border-top:1px solid #6fcaff70; }
.studio-neighbor-list button,.studio-neighbor-list>span { border:1px solid #ffffff28; padding:5px 7px; border-radius:3px; background:#131c2177; color:#b5c6d0; font:9px var(--mono); }
.studio-neighbor-list button:hover { border-color:#76ccff; color:#a2ddff; }
.studio-asset-properties,.studio-station-details { margin:0; }
#view-map .pf-asset-detail,#view-map .pf-detail { border:0; padding:10px 17px 15px; margin:0; background:transparent; box-shadow:none; color:#bccbd4; }
#view-map .pf-asset-detail .pf-detail-head,#view-map .pf-asset-detail>h3,#view-map .pf-asset-location,#view-map .pf-asset-risk { display:none; }
#view-map .pf-dl { display:grid; grid-template-columns:1fr 1.3fr; gap:8px; font-size:10px; }
#view-map .pf-dl dt { color:#8ea4b2; }
#view-map .pf-dl dd { color:#c8d9e3; white-space:normal; overflow-wrap:anywhere; }
#view-map .pf-asset-note,#view-map .pf-asset-actions small { font-size:9px; color:#7f96a5; line-height:1.6; }
#view-map .pf-asset-actions button,#view-map .pf-detail button { font-size:10px; padding:7px 10px; min-height:28px; }
#view-map .pf-detail { display:block; min-width:0; }
#view-map .pf-detail h3 { font-size:20px; color:#d4e2eb; }
#view-map .pf-detail p,#view-map .pf-detail table,#view-map .pf-mini { font-size:10px; }
#view-map .pf-detail th { font-size:9px; white-space:normal; }
#view-map .pf-finder:not(.studio-finder-open) { display:none; }
#view-map .pf-finder { padding:10px 0; }
#view-map .pf-finder input { width:100%; min-width:0; font-size:10px; }
#view-map .pf-finder button,#view-map .pf-find-results { font-size:10px; }
#view-map .pf-find-row { flex-wrap:wrap; }
.studio-dock { border-top:1px solid #ffffff1b; }
.studio-dock>section { padding:13px 17px; }
.studio-dock>section+section { border-top:1px solid #ffffff16; }
.studio-dock>.studio-overview-section { padding-top:10px; padding-bottom:10px; }
.studio-overview-section .studio-one-line { height:93px; }
.studio-peer-axis { display:flex; justify-content:space-between; margin-top:7px; font:9px var(--mono); color:#7f97a6; }
.studio-peer-summary,.studio-chart-note { font-size:9px; line-height:1.5; color:#8ea5b3; margin:10px 0 0; }
.studio-chart-note { font-size:8px; color:#728a98; margin-top:5px; }
.studio-one-line { height:100px; background:#121a204f; border:1px solid #ffffff15; border-radius:3px; }
.studio-one-line svg { width:100%; height:100%; display:block; --dim:#8ea8b7; }
.studio-one-line .is-selected { fill:#91dfff; stroke:#79d8ff; stroke-width:9px; filter:drop-shadow(0 0 10px #3ebcff); }
.studio-one-line-empty { display:grid; place-items:center; height:100%; padding:15px; font-size:10px; color:#8fa6b4; text-align:center; }
#view-map .pf-at-card { position:absolute; z-index:900; bottom:61px; right:20px; left:auto; width:288px; margin:0; padding:0; max-height:60%; border:1px solid #ffffff22; border-radius:5px; background:#21282df5; box-shadow:0 4px 20px #0003; display:flex; flex-direction:column; }
.studio-register-toggle { width:100%; padding:12px 15px; min-height:37px; border:0; border-radius:4px; background:transparent; color:#b9d0de; font-size:10px; text-align:left; }
.studio-register-content { min-height:0; overflow:auto; }
.studio-register-content[hidden] { display:none; }
#view-map .pf-at-card.studio-register-open { left:265px; right:328px; width:auto; bottom:58px; max-height:50%; border-color:#729ab355; box-shadow:0 12px 50px #0008; }
.studio-register-open .studio-register-toggle { border-bottom:1px solid #ffffff22; }
.studio-register-open .pf-at-head,.studio-register-open .pf-at-tools { flex-wrap:wrap; }
#view-map .pf-at-head { padding:12px 17px; }
#view-map .pf-at-head h3 { font-size:15px; }
#view-map .pf-at-scope { padding:8px 17px; }
#view-map .pf-at-tools input,#view-map .pf-at-tools select { min-height:28px; font-size:10px; }
.studio-register-open .pf-at-tools input[type=search] { width:170px; }
.studio-diagram { position:absolute; inset:0; z-index:450; background-color:#252c30; background-image:radial-gradient(#a9c2cf22 .7px,transparent .7px); background-size:18px 18px; }
.studio-diagram>svg { width:100%; height:100%; display:block; touch-action:none; cursor:grab; }
.studio-diagram>svg:active { cursor:grabbing; }
.studio-diagram-wire { fill:none; stroke:#8d9fa9; stroke-width:1.9; }
.studio-diagram-wire.is-selected { stroke:#75d0ff; stroke-width:3.3; filter:drop-shadow(0 0 4px #4cbcff88); }
.studio-diagram-node { fill:#252c30; stroke:#c4d1d8; stroke-width:2; }
.studio-diagram-node[role=button] { cursor:pointer; }
.studio-diagram-node.is-selected { stroke:#8fdbff; filter:drop-shadow(0 0 5px #68caff77); }
.studio-diagram-node.is-selected>.studio-diagram-hit { fill:#319fdb33; }
.studio-diagram-bus { stroke-width:6; }
.studio-diagram-hit { fill:transparent; stroke:none; }
.studio-diagram-label { fill:#a3b5c1; stroke:none; font:14px var(--mono); }
.studio-diagram-node.is-selected text { fill:#c2ebff; }
.studio-diagram .ededge { stroke:#8d9fa9; stroke-width:2; fill:none; }
.studio-diagram .edhit { fill:none; stroke:transparent; }
.studio-diagram .edjoin { fill:#aab8c1; }
.studio-diagram .edlbl { fill:#9daeba; stroke:#252c30; stroke-width:var(--edhalo,6); paint-order:stroke; font-size:var(--edlbl,18px); }
.studio-diagram .edlbl { pointer-events:none; }
.studio-diagram .ednode .nbody { fill:#3c4a53; stroke:#a6b6c1; stroke-width:2; }
.studio-diagram .ednode.edbus .nbody { fill:#b2bfc7; stroke:none; }
.studio-diagram .ednode .nglyph { stroke:#d0dbe3; fill:none; }
.studio-diagram .ednode .nsheen { display:none; }
.studio-diagram .ednode .nring { fill:none; stroke:none; }
.studio-diagram .ednode.is-selected .nring { stroke:#7ed9ff; stroke-width:5; filter:drop-shadow(0 0 6px #35afff); }
.studio-diagram .ednode.is-selected .nbody { fill:#2879a7; stroke:#8ddcff; }
.studio-diagram .ednet.is-selected .ededge { stroke:#7dd7ff; stroke-width:4; filter:drop-shadow(0 0 5px #36b5ff88); }
.studio-diagram .ednode:focus-visible .nring { stroke:#c1ebff; stroke-width:6; }
.studio-hide-explorer .studio-tree { display:none; }
.studio-hide-insights .studio-inspector-scroll { display:none !important; }
.studio-hide-explorer .pf-at-card.studio-register-open { left:20px !important; }
.studio-hide-insights .pf-at-card.studio-register-open { right:20px !important; }
#view-map[data-mode=map] .studio-camera-tools,#view-map[data-mode=map] .studio-orientation { display:none; }
#view-map[data-mode=diagram] .studio-orientation { display:none; }
#view-map[data-mode=diagram] .studio-scene-key { font-size:0; }
#view-map[data-mode=diagram] .studio-scene-key::after { content:'Drag to pan · Scroll to zoom · R to fit'; font-size:9px; }
@media (max-height:800px) and (min-width:801px) {
  .studio-tree { top:172px; bottom:160px; }
  .studio-scene-title { top:86px; }
  #view-map .pf-side { top:82px; }
  .studio-insight { padding-top:12px; }
  .studio-insight-eyebrow { margin-bottom:8px; }
  .studio-risk-value { padding:9px 0; }
  .studio-insight-facts { padding:9px 0; }
  .studio-dock>section { padding:10px 17px; }
  .studio-one-line { height:80px; }
}
@media (max-width:1100px) {
  body.studio-map-active .topbar { left:180px; right:330px; padding:0 10px; }
  body.studio-map-active .scopebar li:nth-child(2) { display:none; }
  .studio-brand-caption { display:none; }
  .studio-command-actions button { padding-inline:9px; }
  .studio-tree { width:200px; left:15px; }
  #view-map .pf-side { width:254px; right:15px; }
  .studio-insight { padding-inline:14px; }
  .studio-dock>section { padding-inline:14px; }
  .studio-orientation { right:285px; }
  #view-map .pf-at-card { right:15px; width:254px; }
  #view-map .pf-at-card.studio-register-open { left:230px; right:282px; width:auto; }
  .studio-metrics { gap:20px; left:20px; }
  .studio-metric strong { font-size:21px; }
}
@media (max-width:800px) {
  .studio-command { top:10px; left:10px; right:10px; height:46px; }
  .studio-brand-button { padding:0 10px; gap:7px; }
  .studio-brand-mark { width:24px; height:24px; font-size:16px; }
  .studio-brand-button strong { font-size:15px; }
  .studio-menu-chevron { margin-left:0; }
  body.studio-map-active .topbar { display:none; }
  .studio-command-actions { gap:2px; padding-right:5px; }
  .studio-command-actions button { padding:0 8px; font-size:10px; height:30px; }
  .studio-scene-title { left:18px; top:76px; }
  .studio-scene-title strong { font-size:29px; }
  .studio-scene-title small { font-size:8px; }
  .studio-tree { left:12px; top:143px; bottom:180px; width:220px; max-height:460px; }
  #view-map .pf-side { top:143px; bottom:170px; right:12px; width:270px; max-height:none; }
  .studio-tree,.studio-insight { backdrop-filter:blur(20px); }
  .studio-hero-bar { bottom:61px; }
  .studio-hero-bar button { padding:9px 11px; }
  .studio-camera-tools { bottom:116px; }
  .studio-metrics { top:79px; right:18px; left:auto; bottom:auto; gap:16px; padding:0; }
  .studio-metric strong { font-size:18px; }
  .studio-metric span { font-size:8px; }
  .studio-metric:nth-child(2) { display:none; }
  .studio-orientation { display:none; }
  .studio-scene-caption { left:16px; right:16px; bottom:12px; font-size:8px; }
  .studio-scene-key { display:none; }
  #view-map .pf-at-card { bottom:11px; right:13px; width:auto; max-width:175px; }
  .studio-register-toggle { padding:9px 11px; font-size:9px; min-height:32px; }
  .studio-scene-caption>span { max-width:45%; }
  #view-map .pf-at-card.studio-register-open { left:12px; right:12px; bottom:58px; max-height:55%; max-width:none; width:auto; }
  .studio-scene-message { inset:170px 25px 160px; }
  body.studio-map-active #orgbar:not(.hidden) { top:61px; left:12px; right:12px; }
  body.studio-map-active #stationbar:not(.hidden),body.studio-map-active #runstrip:not(.hidden) { left:12px; right:12px; bottom:160px; }
  #view-map .pf-basemap { left:18px; top:135px; }
  #view-map #pf-legend { left:15px; bottom:165px; max-width:calc(100% - 30px); }
}
@media (prefers-reduced-motion:reduce) { .studio-workspace * { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* Task-oriented workspace: stable navigation, unobstructed model, clear analysis. */
#view-map.studio-workspace { --studio-left:260px; --studio-right:352px; --studio-panel:#20282d; }
body.studio-map-active .topbar { display:none; }
.studio-command { inset:0 0 auto; height:64px; border:0; border-bottom:1px solid #ffffff16; border-radius:0; background:#171f24; box-shadow:none; backdrop-filter:none; gap:16px; }
.studio-brand-button { flex:none; width:var(--studio-left); justify-content:flex-start; padding-left:20px; gap:10px; border-right:1px solid #ffffff16; }
.studio-brand-caption { display:inline; font-size:11px; color:#a8bbc6; margin-left:auto; }
.studio-menu-chevron { margin:0; font-size:14px; }
.studio-primary-nav { display:flex; flex-direction:row; align-items:center; gap:6px; flex:1; min-width:0; margin:0; padding:0; }
.studio-primary-nav button { width:auto; flex:none; border:0; background:transparent; color:#a1b1bb; font-size:12px; padding:10px 13px; border-radius:5px; white-space:nowrap; }
.studio-primary-nav button[aria-current=page] { color:var(--pra-selected-fg); background:var(--pra-selected-bg);  box-shadow:var(--pra-selected-shadow);}
.studio-primary-nav button:hover { background:#ffffff0c; color:#e0edf5; }
.studio-command-actions { padding-right:16px; gap:6px; }
.studio-command-actions button { height:36px; font-size:12px; padding-inline:12px; }
.studio-command-actions .studio-overlay-toggle { background:none; border-color:#ffffff17; }
.studio-command-actions .studio-overlay-toggle[aria-pressed=true] { color:var(--pra-selected-fg); border-color:var(--pra-selected-rim);  background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow);}
.studio-context { position:absolute; top:64px; left:var(--studio-left); right:var(--studio-right); height:76px; z-index:510; display:flex; align-items:center; gap:24px; padding:0 22px; background:#222b31; border-bottom:1px solid #ffffff12; }
.studio-scene-title { position:static; min-width:0; }
.studio-scene-title small { font-size:10px; letter-spacing:.07em; color:#8fa5b4; }
.studio-scene-title strong { font-size:26px; margin-top:3px; white-space:nowrap; }
.studio-metrics { position:static; margin-left:auto; display:flex; gap:21px; padding:0; }
.studio-metric span { font-size:10px; color:#94aab8; }
.studio-metric strong { font-size:18px; margin:3px 0 0; text-shadow:none; color:#d9e6ed; }
.studio-metric:nth-child(2):not(:last-child) { display:none; }
.studio-context .pa-context-note { margin:0; font-size:9px; position:static; order:2; border-left:1px solid #ffffff20; padding-left:15px; }
.studio-context .studio-metrics { order:3; }
.studio-context .pf-demo-tag { color:#9eafba; background:none; padding:0; font-size:9px; }
.studio-context .pf-demo-tag::before { display:none; }
#view-map .pf-mapbox { inset:140px var(--studio-right) 48px var(--studio-left); width:auto; height:auto; }
#view-map .pf-mapbox::after { background:linear-gradient(0deg,#17212666,transparent 18%); }
.studio-scene { background:#30363b; }
.studio-tree { inset:64px auto 0 0; width:var(--studio-left); height:auto; max-height:none; padding:19px 15px 0; border:0; border-right:1px solid #ffffff19; border-radius:0; background:#1c252b; box-shadow:none; backdrop-filter:none; }
.studio-tree-heading { padding:0 0 18px; font-size:13px; color:#d1e0e9; font-weight:550; text-transform:none; letter-spacing:0; }
.studio-dismiss { min-width:28px; min-height:28px; font-size:21px; border-radius:4px; }
.studio-dismiss:hover { background:#ffffff09; }
.studio-tree .pf-pick { padding-bottom:12px; }
.studio-tree .pf-pick>label,.studio-station-picker>span { display:block; position:static; width:auto; height:auto; font-size:10px; text-transform:none; letter-spacing:.015em; color:#8ea6b6; margin-bottom:6px; }
.studio-tree #pf-select,.studio-station-picker select { width:100%; height:36px; padding:6px 9px; font:12px var(--sans); border:1px solid #8caac130; border-radius:5px; color:#d0e0eb; background:#131c2270; }
.studio-station-picker { display:block; margin:0 0 8px; }
.studio-all-stations { display:block; padding:5px 0 12px; border:0; text-align:left; background:none; color:#97cce9; font-size:11px; }
.studio-navigator-tabs { display:flex; gap:4px; padding:3px; margin:0 0 12px; background:#111a2070; border:1px solid #ffffff13; border-radius:5px; }
.studio-navigator-tabs button { flex:1; font-size:12px; padding:8px 6px; border:0; border-radius:3px; background:none; color:#96acbc; }
.studio-navigator-tabs button[aria-selected=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.studio-search-box { position:relative; }
.studio-tree-search { min-height:36px; font-size:11px; border-color:#8caac130; margin:0; padding-right:30px; }
.studio-search-clear { position:absolute; right:5px; top:3px; width:28px; height:29px; border:0; background:none; color:#9db4c4; font-size:18px; }
.studio-search-clear[hidden] { display:none; }
.studio-find-circuits { font-size:11px; margin:12px 0 3px; color:#97bacf; }
.studio-list-count { font-size:10px; color:#7d97a8; margin:13px 0 8px; }
.studio-tree-body { padding-bottom:12px; }
.studio-tree details { margin:3px 0; }
.studio-tree summary { font-size:12px; padding:10px 2px; color:#b2c5d2; }
.studio-tree summary span { font-size:10px; }
.studio-equipment-group .studio-tree-node { min-height:36px; font:12px var(--mono); padding:9px 10px 9px 19px; border-radius:4px; }
.studio-tree-node small { margin-left:auto; color:#748f9f; font:10px var(--sans); }
.studio-tree-node[aria-current=true] small{color:var(--pra-selected-muted);}
.studio-node-dot { width:6px; height:6px; }
.studio-station-group h3 { font-size:10px; font-weight:500; color:#7897aa; margin:15px 3px 5px; text-transform:uppercase; letter-spacing:.07em; }
.studio-station-row { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:11px 8px; border:0; border-radius:4px; background:none; color:#c6d6e0; text-align:left; }
.studio-station-row:hover { background:#ffffff07; }
.studio-station-row[aria-current=true] { background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow);  color:var(--pra-selected-fg);}
.studio-station-row strong { display:block; font-size:12px; font-weight:500; }
.studio-station-row small { display:block; margin-top:4px; color:#7f9aac; font-size:10px; }
.studio-station-row>span:last-child { color:#7ca3bb; font-size:18px; }
.studio-empty-action { min-height:34px; border:1px solid #7fa2b944; color:#acd4ed; border-radius:4px; background:none; padding:6px 12px; }
.studio-portfolio-extra { margin:0 -15px !important; padding:6px 15px; background:#182229; }
.studio-portfolio-extra>summary { font-size:10px; }
.studio-view-toolbar { position:absolute; top:14px; left:16px; right:16px; display:flex; justify-content:space-between; align-items:center; z-index:540; gap:12px; }
.studio-hero-bar { position:static; transform:none; padding:3px; border-radius:5px; background:#1b252bf0; box-shadow:0 2px 8px #0002; gap:2px; }
.studio-hero-bar button { font-size:12px; padding:8px 13px; min-height:34px; gap:6px; }
.studio-hero-bar button::before { display:none; }
.studio-hero-bar button[aria-selected=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg);  box-shadow:var(--pra-selected-shadow);}
.studio-help { position:relative; flex:none; }
.studio-help>summary { list-style:none; padding:9px 11px; cursor:pointer; color:#acbec9; background:#202b32e0; border:1px solid #ffffff23; border-radius:5px; font-size:11px; }
.studio-help[open]>summary { color:#c5e6f9; border-color:#77c5f966; }
.studio-help>div { position:absolute; right:0; top:46px; width:285px; padding:18px; border:1px solid #80a2b747; border-radius:6px; background:#1b2932fc; box-shadow:0 10px 30px #0005; color:#a5bac8; font-size:12px; line-height:1.6; }
.studio-help strong { color:#d0e0eb; font-weight:550; }
.studio-help p { margin:6px 0 14px; }
.studio-help p:last-child { margin:0; border-top:1px solid #ffffff19; padding-top:11px; font-size:10px; }
.studio-camera-tools { bottom:37px; top:auto; left:50%; transform:translateX(-50%); display:flex; align-items:center; padding:5px; gap:3px; background:#1b262df0; border-radius:6px; white-space:nowrap; box-shadow:0 4px 16px #0003; }
.studio-camera-tools button { min-height:32px; padding:7px 10px; font-size:11px; width:auto !important; border:0 !important; border-radius:3px; }
.studio-camera-tools button:first-child,.studio-camera-tools button:nth-child(2) { font-size:11px; padding:7px 10px; }
.studio-camera-tools .studio-zoom-button { font-size:18px; min-width:30px; padding:2px 7px; }
.studio-camera-tools button[aria-pressed=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg);  box-shadow:var(--pra-selected-shadow);}
.studio-camera-tools button:hover:not(:disabled) { background:#ffffff0d; }
.studio-camera-tools .studio-fit-button { border-left:1px solid #ffffff20 !important; border-radius:0; }
.studio-scene-caption { bottom:10px; left:16px; right:16px; font-size:9px; color:#97adb9; }
.studio-scene-caption>span { max-width:45%; }
.studio-scene-key { display:inline; max-width:60% !important; }
#view-map[data-mode=diagram] .studio-scene-key { font-size:9px; }
#view-map[data-mode=diagram] .studio-scene-key::after { content:none; }
.studio-orientation { display:none; }
.studio-scene-message { inset:100px 25px 100px; }
.studio-callout { width:150px; }
.studio-callout dl { display:none; }
.studio-callout-type { display:block; padding:8px 10px; margin:0; font-size:10px; color:#9bbdce; }
.studio-callout>button { font-size:10px; padding:8px 10px; }
.studio-callout-head { padding:9px 10px; }
.studio-scene-label { font-size:10px; }
#view-map .pf-side { inset:64px 0 0 auto; width:var(--studio-right); max-height:none; height:auto; border:0; border-left:1px solid #ffffff19; border-radius:0; background:#202a31; box-shadow:none; backdrop-filter:none; display:flex; overflow:hidden; font-size:12px; }
#view-map .pf-side>.studio-inspector-heading { flex:none; display:flex; align-items:center; justify-content:space-between; padding:16px 18px 10px; }
.studio-inspector-heading strong { font-size:13px; font-weight:550; color:#d0e1eb; }
#view-map .pf-side>.studio-inspector-tabs { flex:none; display:flex; gap:16px; padding:0 18px; border-bottom:1px solid #ffffff18; }
.studio-inspector-tabs button { padding:12px 0 11px; font-size:12px; color:#829eaf; border:0; border-bottom:2px solid transparent; background:none; }
.studio-inspector-tabs button[aria-selected=true] { color:var(--pra-selected-fg); border-bottom-color:#76cdff;  background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow);}
#view-map .pf-side>.studio-inspector-scroll { flex:1; min-height:0; overflow:auto; padding:0; scrollbar-width:thin; scrollbar-color:#52677766 transparent; }
.studio-insight { padding:19px 20px 0; }
.studio-selected-header { display:flex; justify-content:space-between; align-items:center; }
.studio-selected-header h3,.studio-insight>h3 { font-size:26px; line-height:1.15; margin:5px 0 0; font-weight:500; color:#edf6fb; overflow-wrap:anywhere; }
.studio-insight-eyebrow { display:block; font-size:10px; text-transform:none; letter-spacing:0; color:#7f9dad; margin:0; }
.studio-clear-selection { border:1px solid #8aadc22e; border-radius:4px; background:none; color:#8eb0c6; font-size:11px; padding:7px 9px; }
.studio-insight-kind { font-size:12px; margin:7px 0 17px; color:#9eb5c5; }
.studio-risk-value { padding:16px 0; border-top:1px solid #ffffff1b; }
.studio-risk-value>span { font-size:12px; color:#bdd1df; }
.studio-risk-value strong { font-size:34px; margin-top:8px; color:#d1eeff; font-weight:450; }
.studio-risk-value small { font-size:11px; }
.studio-risk-value p { margin:8px 0 0; font-size:11px; line-height:1.5; color:#849eae; }
.studio-insight-facts { padding:13px 0; gap:12px; }
.studio-insight-facts>div+div { padding-left:16px; }
.studio-insight-facts span { font-size:10px; margin:0; color:#8ba8ba; }
.studio-insight-facts strong { font-size:18px; margin-top:5px; }
.studio-cost-explanation { padding:14px 0 16px; }
.studio-cost-explanation>summary { color:#b7cfdf; cursor:pointer; font-size:12px; list-style:none; }
.studio-cost-explanation>summary::after { content:'+'; float:right; color:#7eabc7; }
.studio-cost-explanation[open]>summary::after { content:'−'; }
.studio-cost-equation { display:grid; grid-template-columns:1fr 1fr 1fr; gap:15px; margin:17px 0 11px; }
.studio-cost-equation>div { position:relative; }
.studio-cost-equation>div+div::before { content:'×'; position:absolute; left:-12px; top:1px; color:#63869e; font-size:13px; }
.studio-cost-equation strong { display:block; color:#c6e4f7; font:500 17px var(--mono); }
.studio-cost-equation span { display:block; font-size:9px; line-height:1.5; color:#8ca9bc; margin-top:6px; }
.studio-cost-explanation p { margin:0 0 10px; font-size:10px; line-height:1.5; color:#7c9aae; }
.studio-note-link { font-size:11px; line-height:1.5; text-align:left; }
.studio-dock { border:0; }
.studio-dock>section { padding:16px 20px; border-top:1px solid #ffffff16; }
.studio-panel-head h3 { font-size:12px; font-weight:500; color:#c0d3e0; }
.studio-peer-summary { font-size:11px; color:#8fabbf; margin:0 0 13px; }
.studio-peer-comparison { display:grid; gap:4px; }
.studio-peer-row { display:grid; grid-template-columns:58px minmax(20px,1fr) 56px; gap:10px; align-items:center; width:100%; min-height:33px; padding:6px 7px; border:1px solid transparent; border-radius:4px; color:#a7c0d1; background:none; }
.studio-peer-row:hover { background:#ffffff08; }
.studio-peer-row[aria-pressed=true] { background:var(--pra-selected-bg); border-color:var(--pra-selected-rim); color:var(--pra-selected-fg);  box-shadow:var(--pra-selected-shadow);}
.studio-peer-name { font:11px var(--mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.studio-peer-row strong { font:11px var(--mono); text-align:right; }
.studio-peer-track { display:block; height:5px; background:#7da2ba17; border-radius:3px; overflow:hidden; }
.studio-peer-track i { display:block; height:100%; background:#6b8ca3; border-radius:3px; }
.studio-peer-row[aria-pressed=true] .studio-peer-track i { background:#78caff; }
.studio-chart-note { margin-top:12px; font-size:9px; line-height:1.5; color:#7591a3; }
.studio-see-peers { margin-top:11px; }
.studio-connections-content { padding-bottom:17px; }
.studio-connection-note { font-size:12px; line-height:1.6; color:#8fabbf; margin-bottom:18px; }
.studio-neighbor-hub { font-size:13px; padding:10px 16px; }
.studio-neighbor-list { display:flex; flex-direction:column; gap:8px; margin-left:28px; padding:13px 0 0 18px; }
.studio-neighbor-list::before { top:38px; width:18px; }
.studio-neighbor-list button,.studio-neighbor-list>div { width:100%; text-align:left; padding:10px 12px; border:1px solid #8da9bc28; background:#14202977; border-radius:4px; color:#b7d3e5; }
.studio-neighbor-list strong { display:block; font:12px var(--mono); }
.studio-neighbor-list small { display:block; font-size:10px; color:#759cb5; margin-top:5px; }
.studio-one-line { height:160px !important; }
#view-map .pf-dl { font-size:12px; grid-template-columns:1fr 1.4fr; gap:13px 12px; }
#view-map .pf-asset-detail { padding:15px 20px; }
#view-map .pf-asset-actions { display:none; }
#view-map .pf-asset-note { font-size:10px; padding-top:10px; }
.studio-start-steps { display:grid; gap:22px; margin:24px 0; }
.studio-start-steps>div { display:flex; gap:12px; }
.studio-start-steps b { display:grid; place-items:center; width:25px; height:25px; flex:none; border:1px solid #78a6c43d; border-radius:50%; color:#84badb; font:11px var(--mono); }
.studio-start-steps strong { display:block; font-size:12px; font-weight:500; color:#b7d0e0; }
.studio-start-steps small { display:block; font-size:11px; line-height:1.6; color:#7998ad; margin-top:5px; }
#view-map .pf-side>.studio-inspector-footer { padding:15px 18px 16px; flex:none; border-top:1px solid #ffffff18; background:#1a252c; }
.studio-inspector-footer button { width:100%; min-height:38px; border:1px solid #9edaff66; border-radius:5px; font-size:12px; font-weight:550; background:#78caff; color:#163046; }
.studio-inspector-footer small { display:block; font-size:10px; text-align:center; color:#6f91a8; margin-top:9px; line-height:1.5; }
.pf-side[data-studio-panel=summary] .studio-connections-content,.pf-side[data-studio-panel=summary] .studio-asset-properties,.pf-side[data-studio-panel=summary] .studio-overview-section { display:none; }
.pf-side[data-studio-panel=connections] .studio-summary-content,.pf-side[data-studio-panel=connections] .studio-asset-properties,.pf-side[data-studio-panel=connections] .studio-peer-section { display:none; }
.pf-side[data-studio-panel=properties] .studio-summary-content,.pf-side[data-studio-panel=properties] .studio-connections-content,.pf-side[data-studio-panel=properties] .studio-dock { display:none; }
#view-map .pf-at-card { inset:auto var(--studio-right) 0 var(--studio-left); width:auto; max-width:none; height:48px; max-height:none; border:0; border-top:1px solid #ffffff18; border-radius:0; background:#1e2930; box-shadow:none; }
.studio-register-toggle { min-height:48px; padding:12px 20px; font-size:12px; color:#adcede; }
.studio-register-toggle::after { content:'⌃'; float:right; font-size:16px; color:#8db9d4; }
.studio-register-open .studio-register-toggle::after { content:'⌄'; }
#view-map .pf-at-card.studio-register-open { left:var(--studio-left); right:var(--studio-right); bottom:0; height:45%; width:auto; max-height:65%; border-top:1px solid #80b6d34d; border-radius:0; box-shadow:0 -10px 30px #0004; }
.studio-register-content { flex:1; }
#view-map .pf-at-head { padding:13px 18px; }
#view-map .pf-at-tools input,#view-map .pf-at-tools select { font-size:12px; min-height:34px; }
.studio-hide-explorer { --studio-left:0px !important; }
.studio-hide-insights { --studio-right:0px !important; }
.studio-hide-explorer .studio-brand-button { width:190px; }
.studio-hide-explorer .pf-at-card.studio-register-open { left:0 !important; }
.studio-hide-insights .pf-at-card.studio-register-open { right:0 !important; }
#view-map[data-mode=diagram] .studio-orbit-button,#view-map[data-mode=diagram] .studio-pan-button,#view-map[data-mode=diagram] .studio-labels-button { display:none; }
#view-map .pf-basemap { top:72px; left:16px; }
#view-map #pf-legend { left:16px; bottom:36px; max-width:calc(100% - 32px); }
#view-map .leaflet-control-zoom { margin-top:125px; }
@media (max-width:1250px) {
  #view-map.studio-workspace { --studio-left:232px; --studio-right:320px; }
  .studio-primary-nav { gap:0; }
  .studio-primary-nav button { padding:9px; font-size:11px; }
  .studio-command { gap:10px; }
  .studio-command-actions { gap:4px; padding-right:10px; }
  .studio-command-actions button { padding-inline:9px; font-size:11px; }
  .studio-context { padding:0 17px; }
  .studio-context .pa-context-note { display:none; }
  .studio-metric:first-child { display:none; }
  .studio-scene-title strong { font-size:23px; }
  .studio-camera-tools button { padding:6px 8px; font-size:10px; }
  .studio-camera-tools button:first-child,.studio-camera-tools button:nth-child(2) { padding:6px 8px; font-size:10px; }
  .studio-scene-caption { justify-content:center; }
  .studio-scene-caption>span:first-child { display:none; }
  .studio-scene-key { max-width:100% !important; }
  .studio-help>summary { font-size:0; padding:7px 11px; }
  .studio-help>summary::before { content:'?'; font-size:16px; }
}
@media (max-width:1000px) {
  #view-map.studio-workspace { --studio-left:0px; --studio-right:300px; }
  .studio-command { gap:5px; }
  .studio-brand-button { width:150px; }
  .studio-brand-caption { display:none; }
  .studio-primary-nav button:last-child { display:none; }
  .studio-tree { width:250px; z-index:950; border-right:1px solid #79aac340; box-shadow:8px 0 25px #0003; }
  .studio-primary-nav button { padding:9px 7px; }
}
@media (max-width:800px) {
  #view-map.studio-workspace { --studio-left:0px; --studio-right:0px; }
  .studio-command { height:56px; gap:5px; padding:0; }
  .studio-brand-button { width:96px; padding:0 12px; gap:7px; border-right:0; }
  .studio-brand-button strong { font-size:15px; }
  .studio-brand-caption,.studio-menu-chevron,.studio-primary-nav { display:none; }
  .studio-command-actions { padding-right:8px; gap:3px; }
  .studio-command-actions button { font-size:11px; padding-inline:9px; min-height:44px; }
  .studio-command-actions .studio-study-button { display:none; }
  .studio-context { top:56px; left:0; right:0; height:70px; padding:0 16px; gap:12px; }
  .studio-scene-title small { font-size:9px; }
  .studio-scene-title strong { font-size:25px; }
  .studio-metrics { position:static; margin-left:auto; }
  .studio-metric { display:none; }
  .studio-metric:last-child { display:block; }
  .studio-metric strong { font-size:16px; }
  .studio-metric span { font-size:9px; }
  #view-map .pf-mapbox { inset:126px 0 48px; }
  .studio-tree { inset:56px auto 0 0; width:min(85vw,300px); height:auto; max-height:none; z-index:960; }
  #view-map .pf-side { inset:56px 0 0 auto; width:min(92vw,352px); max-height:none; z-index:960; box-shadow:-10px 0 30px #0005; border-left:1px solid #7bafca40; }
  .studio-view-toolbar { left:10px; right:10px; top:12px; gap:6px; }
  .studio-hero-bar button { font-size:11px; padding:7px 11px; min-height:40px; }
  .studio-help>div { width:min(285px,calc(100vw - 35px)); }
  .studio-camera-tools { max-width:calc(100% - 20px); bottom:35px; padding:4px; gap:0; }
  .studio-camera-tools button { padding:5px 6px; font-size:10px; min-height:40px; }
  .studio-camera-tools .studio-zoom-button { min-width:36px; }
  .studio-dismiss { min-height:40px; min-width:40px; }
  .studio-equipment-group .studio-tree-node,.studio-inspector-tabs button { min-height:44px; }
  .studio-camera-tools .studio-labels-button { display:none; }
  .studio-camera-tools button:first-child,.studio-camera-tools button:nth-child(2) { padding:5px 7px; font-size:10px; }
  .studio-scene-caption { bottom:8px; font-size:8px; left:9px; right:9px; }
  .studio-scene-key { display:block; }
  #view-map .pf-at-card,#view-map .pf-at-card.studio-register-open { left:0; right:0; bottom:0; width:auto; max-width:none; }
  #view-map .pf-at-card.studio-register-open { height:53%; max-height:70%; z-index:1000; }
  .studio-insight { padding-top:16px; }
  body.studio-map-active.studio-menu-open .sidebar { inset:62px 10px 10px; width:auto; height:auto; min-height:0; }
}

/* Persistent scope, a local equipment browser, and a horizontal inspection deck. */
#view-map.studio-workspace { --studio-deck:276px; --studio-left:0px; --studio-right:0px; }
#view-map.studio-hide-insights { --studio-deck:66px; }
.studio-command { height:68px; padding:0 16px; gap:20px; background:#191e22; }
.studio-brand-button,.studio-hide-explorer .studio-brand-button { width:112px; padding:0 16px 0 0; }
.studio-brand-caption { display:none; }
.studio-menu-chevron { display:block; margin-left:4px; }
.studio-scope-picker { display:flex; align-items:center; gap:20px; min-width:0; }
.studio-scope-picker .pf-pick { margin:0; padding:0; width:135px; }
.studio-scope-picker #pf-about { display:none; }
.studio-scope-picker label,.studio-scope-picker .studio-station-picker>span { display:block; margin:0 0 3px; color:#85939d; font:10px var(--sans); letter-spacing:0; text-transform:none; }
.studio-scope-picker #pf-select,.studio-scope-picker .studio-station-picker select { width:100%; height:32px; padding:3px 7px; color:#e5edf2; background:#ffffff06; border:1px solid #ffffff1c; border-radius:4px; font:500 14px var(--sans); appearance:auto; color-scheme:dark; cursor:pointer; }
.studio-scope-picker select option,.studio-scope-picker select optgroup { background:#222b31; }
.studio-scope-picker .studio-station-picker { margin:0; width:230px; padding-left:22px; border-left:1px solid #ffffff1d; }
.studio-primary-nav { justify-content:flex-end; gap:8px; }
.studio-primary-nav button:last-child { display:block; }
.studio-command-actions { padding:0; }
.studio-preview-tag { color:#cad4d9; font-size:10px; white-space:nowrap; padding:5px 8px; border:1px solid #ffffff25; border-radius:4px; }
.studio-command-actions .studio-study-button { height:36px; background:transparent; border:1px solid #ffffff2c; color:#bed3df; font-size:11px; }
.studio-context { inset:84px 22px auto auto; height:auto; padding:0; gap:15px; background:none; border:0; z-index:545; pointer-events:none; }
.studio-context .studio-scene-title { display:none; }
.studio-context .studio-metrics { gap:24px; order:0; }
.studio-context .studio-metric:first-child { display:block; }
.studio-context .studio-metric:nth-child(2):not(:last-child) { display:none; }
.studio-context .studio-metric strong { font-size:17px; margin:2px 0 0; }
.studio-context .studio-metric span { font-size:9px; }
.studio-context .pa-context-note { display:block; order:-1; border:0; padding:0; margin-right:6px; font-size:9px; color:#93a7b5; }
#view-map .pf-mapbox { inset:68px 0 calc(var(--studio-deck) + 32px) 0; width:auto; height:auto; }
.studio-scene { background:#30363b; }
.studio-view-toolbar { inset:14px auto auto 16px; display:flex; gap:12px; justify-content:flex-start; width:auto; }
.studio-browser-toggle { display:flex; align-items:center; gap:12px; height:42px; min-width:176px; padding:0 14px; border:1px solid #8498a644; border-radius:6px; color:#d6e2e9; background:#222b31; font:12px var(--sans); box-shadow:0 2px 8px #0002; }
.studio-browser-toggle::before { content:'☷'; font-size:19px; color:#98b3c5; }
.studio-browser-toggle::after { content:'⌄'; margin-left:auto; color:#a1b8c6; }
.studio-browser-toggle[aria-expanded=true] { border-color:#79bce766; background:#283740; color:#d6edfc; }
.studio-browser-toggle[aria-expanded=true]::after { content:'⌃'; }
.studio-hero-bar { height:42px; align-items:center; }
.studio-hero-bar button { font-size:12px; padding:7px 12px; min-height:34px; }
.studio-view-toolbar .studio-help { margin-left:4px; }
.studio-help>summary { font-size:0; width:36px; height:36px; padding:7px 10px; }
.studio-help>summary::before { content:'?'; font-size:16px; }
.studio-help>div { left:0; right:auto; }
.studio-view-toolbar .studio-register-toggle { min-height:36px; padding:7px 12px; width:auto; border:1px solid #ffffff22; border-radius:5px; background:#222b31; color:#adbdc8; font-size:11px; }
.studio-register-toggle::after { display:none; }
.studio-tree { inset:132px auto calc(var(--studio-deck) + 48px) 16px; width:260px; max-height:560px; height:auto; padding:15px 14px 0; border:1px solid #ffffff32; border-radius:8px; background:#2b2e31; box-shadow:0 8px 28px #0003; backdrop-filter:none; z-index:550; }
.studio-tree-heading { font-size:12px; margin:-15px -14px 10px; padding:8px 14px; min-height:44px; background:#494d50; border-bottom:1px solid #ffffff1c; color:#f0f3f5; }
.studio-tree .studio-all-stations { font-size:11px; margin-bottom:6px; }
.studio-tree .studio-navigator-tabs { margin-bottom:10px; }
.studio-tree .studio-tree-search { font-size:12px; }
.studio-tree .studio-list-count { margin:10px 0 5px; font-size:10px; }
.studio-tree .studio-find-circuits { margin:10px 0 0; }
.studio-tree .studio-portfolio-extra { background:none; }
.studio-tree .studio-dismiss { font-size:19px; }
.studio-tree-heading .studio-dismiss { color:#c7d0d6; }
.studio-camera-tools { bottom:30px; left:calc(50% + 135px); }
.studio-hide-explorer .studio-camera-tools { left:50%; }
.studio-scene-caption { bottom:5px; font-size:9px; justify-content:space-between; }
.studio-scene-caption>span:first-child { display:block; }
.studio-scene-key { max-width:60% !important; }
.studio-callout { width:110px; }
.studio-callout-type,.studio-callout dl { display:none; }
.studio-callout-head { padding:8px 10px; }
.studio-callout>button { padding:7px 10px; font-size:10px; }
#view-map .pf-side { inset:auto 16px 16px 16px; width:auto; height:var(--studio-deck); max-height:none; display:flex; flex-direction:column; background:#292e32; border:1px solid #ffffff32; border-radius:9px; box-shadow:0 10px 35px #0003; overflow:hidden; z-index:600; }
#view-map .pf-side>.studio-inspector-heading { flex:none; min-height:64px; padding:10px 18px; gap:12px; border-bottom:1px solid #ffffff1e; background:#454a4e; }
.studio-selection-meta { min-width:155px; }
.studio-selection-meta strong { display:block; color:#e3eff8; font-size:19px; line-height:1.15; font-weight:550; }
.studio-selection-meta small { display:block; color:#899eae; font-size:10px; margin-top:5px; }
.studio-inspector-heading .studio-dismiss { font-size:20px; min-width:28px; min-height:32px; }
.studio-inspector-heading .studio-dismiss { color:#c7d0d6; }
.studio-inspector-heading .studio-selection-meta small { color:#c2cbd1; }
.studio-inspector-heading .studio-dismiss[hidden] { display:none; }
.studio-inspector-tabs { display:flex; align-items:center; gap:6px; margin-left:20px; border:0; padding:0; }
.studio-inspector-tabs button { border:0; padding:9px 12px; color:#98adbb; border-radius:5px; font-size:12px; }
.studio-inspector-tabs button[aria-selected=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg); border:0;  box-shadow:var(--pra-selected-shadow);}
.studio-inspector-heading .studio-inspector-tabs button:not([aria-selected=true]) { color:#c4ced5; }
.studio-inspector-footer { margin-left:auto; padding:0; width:auto; flex:none; }
.studio-inspector-footer button { width:auto; min-height:36px; padding:8px 16px; font-size:12px; }
.studio-details-toggle { flex:none; min-height:36px; width:116px; padding:7px 8px; white-space:nowrap; background:transparent; border:1px solid #ffffff29; border-radius:5px; color:#a9c2d1; font-size:11px; }
.studio-details-toggle::after { content:'⌄'; margin-left:10px; }
.studio-details-toggle[aria-expanded=false]::after { content:'⌃'; }
.studio-hide-insights .studio-inspector-tabs { visibility:hidden; }
#view-map .pf-side>.studio-inspector-scroll { display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:26px; padding:14px 22px; overflow:auto; }
.studio-native-inspector { min-width:0; }
.studio-insight { padding:0; }
.studio-insight>.studio-selected-header,.studio-insight>.studio-insight-kind { display:none; }
.studio-summary-content { display:grid; grid-template-columns:minmax(230px,.85fr) minmax(280px,1fr); grid-template-rows:auto auto; column-gap:28px; }
.studio-risk-value { padding:0; border:0; grid-column:1; grid-row:1; }
.studio-risk-value>span { font-size:12px; }
.studio-risk-value strong { font-size:31px; display:inline-block; margin:7px 7px 0 0; }
.studio-risk-value small { display:inline; color:#8097a6; }
.studio-risk-value p { font-size:10px; margin:5px 0 0; max-width:270px; }
.studio-insight-facts { grid-column:1; grid-row:2; padding:12px 0 0; border:0; margin:0; gap:20px; }
.studio-insight-facts strong { font-size:16px; margin:4px 0 0; }
.studio-insight-facts span { font-size:10px; }
.studio-cost-explanation { grid-column:2; grid-row:1 / 3; padding:0 0 0 25px; border-left:1px solid #ffffff16; }
.studio-cost-explanation>summary { font-size:12px; color:#b7cdda; }
.studio-cost-equation { margin:19px 0 12px; gap:18px; }
.studio-cost-equation strong { font-size:20px; }
.studio-cost-equation span { font-size:10px; line-height:1.5; }
.studio-cost-explanation p { font-size:10px; margin:0 0 7px; max-width:340px; }
.studio-note-link { font-size:10px; }
.studio-dock { min-width:0; border-left:1px solid #ffffff16; padding-left:24px; }
.studio-dock>section { padding:0; border:0; }
.studio-panel-head { margin-bottom:5px; }
.studio-panel-head h3 { font-size:12px; }
.studio-peer-summary { margin:0 0 7px; font-size:10px; }
.studio-peer-comparison { gap:1px; }
.studio-peer-row { min-height:23px; padding:3px 6px; grid-template-columns:48px minmax(20px,1fr) 53px; gap:12px; }
.studio-peer-row strong,.studio-peer-name { font-size:10px; }
.studio-peer-track { height:4px; }
.studio-chart-note { margin:7px 0 0; font-size:9px; line-height:1.4; }
.studio-see-peers { margin:5px 0 0; }
.studio-connections-content { padding:0; display:grid; grid-template-columns:100px minmax(0,1fr); gap:10px 24px; align-items:center; }
.studio-connections-content>.studio-panel-head,.studio-connection-note { grid-column:1 / 3; margin:0; }
.studio-connection-note { font-size:11px; }
.studio-neighbor-hub { padding:12px; text-align:center; font-size:14px; }
.studio-neighbor-list { flex-direction:row; padding:0; margin:0; border:0; gap:10px; align-items:stretch; }
.studio-neighbor-list::before { display:none; }
.studio-neighbor-list button,.studio-neighbor-list>div { min-width:0; padding:12px; flex:1; }
.studio-neighbor-list strong { font-size:11px; overflow-wrap:anywhere; }
.studio-neighbor-list small { font-size:9px; }
.studio-one-line { height:145px !important; }
.pf-side[data-studio-panel=properties]>.studio-inspector-scroll { display:block; }
.studio-asset-properties { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:18px; }
.studio-asset-properties>#pf-asset-detail { float:none; width:auto; min-width:0; padding:0; }
.studio-asset-properties>.studio-station-details { min-width:0; margin:0; }
.pf-side[data-studio-panel=properties] .studio-insight { display:none; }
#view-map .studio-station-details>.pf-detail { box-sizing:border-box; width:100%; overflow-x:auto; }
#view-map .pf-dl { font-size:12px; gap:10px 14px; margin:0; }
.studio-start-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin:12px 0; }
.studio-insight>h3 { font-size:20px; margin:4px 0 10px; }
.studio-insight>.studio-insight-eyebrow { display:none; }
#view-map .pf-at-card:not(.studio-register-open) { display:none; }
#view-map .pf-at-card.studio-register-open { inset:auto 16px 16px 16px !important; width:auto; height:50%; max-height:70%; padding:0; border:1px solid #9ac0d455; border-radius:8px; z-index:1100; background:#202b33; }
.studio-register-content { display:flex; flex-direction:column; overflow:hidden; }
.studio-register-content[hidden] { display:none; }
.studio-table-heading { display:flex; align-items:center; justify-content:space-between; padding:13px 18px; border-bottom:1px solid #ffffff20; }
.studio-table-heading strong { font-size:14px; font-weight:500; }
.studio-table-heading button { min-height:30px; padding:5px 10px; border:1px solid #ffffff28; border-radius:4px; }
#view-map .pf-at-scroll { min-height:0; overflow:auto; }
#view-map .pf-basemap { top:72px; left:300px; right:auto; width:max-content; }
#view-map[data-mode=map] .studio-scene-caption { display:none; }
#view-map[data-mode=map] .studio-context { background:#1c242aeb; padding:8px 12px; border:1px solid #ffffff20; border-radius:5px; }
#view-map.studio-hide-explorer .pf-basemap { left:16px; }
#view-map #pf-legend { left:auto; right:16px; bottom:42px; max-width:360px; }
@media (max-width:1250px) {
  .studio-command { gap:12px; padding:0 12px; }
  .studio-scope-picker { gap:12px; }
  .studio-scope-picker .pf-pick { width:100px; }
  .studio-scope-picker .studio-station-picker { width:205px; padding-left:12px; }
  .studio-primary-nav button { font-size:11px; padding:8px; }
  #view-map .pf-side>.studio-inspector-scroll { grid-template-columns:minmax(0,1fr) 300px; gap:18px; padding:14px 18px; }
  .studio-summary-content { column-gap:18px; grid-template-columns:220px minmax(230px,1fr); }
  .studio-cost-explanation { padding-left:18px; }
  .studio-cost-equation { gap:13px; }
  .studio-cost-equation strong { font-size:17px; }
  .studio-dock { padding-left:18px; }
  .studio-context { right:16px; }
  .studio-context .studio-metric:first-child { display:none; }
}
@media (max-width:1100px) {
  #view-map.studio-workspace { --studio-deck:308px; }
  #view-map.studio-hide-insights { --studio-deck:66px; }
  .studio-brand-button,.studio-hide-explorer .studio-brand-button { width:90px; }
  .studio-command-actions { display:none; }
  .studio-tree { bottom:calc(var(--studio-deck) + 48px); }
  .studio-camera-tools { left:50%; }
  .studio-inspector-heading .studio-selection-meta { min-width:130px; }
  .studio-inspector-tabs { margin-left:0; gap:0; }
  .studio-inspector-tabs button { padding:9px; font-size:11px; }
  .studio-inspector-footer button { padding:8px 11px; font-size:11px; }
  #view-map .pf-side>.studio-inspector-scroll { grid-template-columns:minmax(0,1fr) 245px; gap:16px; }
  .studio-summary-content { grid-template-columns:1fr 1fr; gap:12px; }
  .studio-cost-explanation { padding-left:12px; }
  .studio-cost-equation { grid-template-columns:1fr; gap:7px; margin:12px 0 7px; }
  .studio-cost-equation>div { display:flex; align-items:baseline; gap:8px; }
  .studio-cost-equation>div+div::before { display:none; }
  .studio-cost-equation span { margin:0; font-size:9px; }
  .studio-cost-equation strong { font-size:15px; white-space:nowrap; }
  .studio-cost-explanation p { font-size:9px; }
  .studio-cost-explanation>summary { font-size:11px; }
  .studio-insight-facts { flex-direction:column; gap:9px; padding-top:10px; }
  .studio-insight-facts>div+div { padding:0; border:0; }
  .studio-risk-value strong { font-size:27px; }
  .studio-insight-facts strong { font-size:14px; }
}
@media (max-width:800px) {
  #view-map.studio-workspace { --studio-deck:62vh; }
  #view-map.studio-hide-insights { --studio-deck:76px; }
  .studio-command { height:72px; gap:10px; padding:0 10px; }
  .studio-brand-button,.studio-hide-explorer .studio-brand-button { width:48px; padding:0; border:0; }
  .studio-brand-button strong { display:none; }
  .studio-brand-mark { width:25px; height:25px; }
  .studio-menu-chevron { font-size:12px; margin:0; }
  .studio-scope-picker { gap:10px; flex:1; }
  .studio-scope-picker .pf-pick { width:85px; }
  .studio-scope-picker .studio-station-picker { width:auto; flex:1; min-width:0; padding-left:10px; }
  .studio-scope-picker #pf-select,.studio-scope-picker .studio-station-picker select { width:100%; font-size:13px; height:32px; }
  .studio-primary-nav { display:none; }
  #view-map .pf-mapbox { inset:72px 0 96px; }
  .studio-context { display:none; }
  .studio-view-toolbar { inset:10px 10px auto 10px; gap:7px; flex-wrap:wrap; }
  .studio-browser-toggle { min-width:0; width:164px; height:42px; padding:0 8px; font-size:11px; gap:6px; white-space:nowrap; }
  .studio-hero-bar { margin-left:auto; }
  .studio-hero-bar button { font-size:10px; padding:6px 7px; min-height:34px; }
  .studio-view-toolbar .studio-help { margin-left:auto; order:3; }
  .studio-help>summary { width:32px; height:32px; padding:5px 9px; }
  .studio-help>div { left:auto; right:0; }
  .studio-view-toolbar .studio-register-toggle { min-height:32px; padding:5px 10px; order:4; }
  .studio-tree { inset:126px 10px 100px 10px; width:auto; max-height:none; z-index:610; }
  .studio-camera-tools { bottom:30px; }
  .studio-camera-tools button { min-height:40px; }
  .studio-scene-caption>span:first-child { display:none; }
  .studio-scene-key { max-width:100% !important; }
  #view-map .pf-side { inset:auto 10px 10px 10px; height:var(--studio-deck); border-radius:8px; width:auto; z-index:620; }
  #view-map .pf-side>.studio-inspector-heading { min-height:74px; padding:10px 12px; flex-wrap:wrap; gap:8px; align-content:center; }
  .studio-inspector-heading .studio-selection-meta { flex:1; min-width:0; max-width:calc(100% - 155px); }
  .studio-selection-meta strong { font-size:17px; }
  .studio-selection-meta small { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .studio-inspector-heading .studio-dismiss { min-width:24px; }
  .studio-details-toggle { width:116px; min-height:40px; margin-left:auto; }
  .studio-inspector-tabs { width:100%; order:4; margin:2px 0 0; }
  .studio-inspector-tabs button { flex:1; min-height:40px; }
  .studio-inspector-footer { order:5; width:100%; margin:0; }
  .studio-inspector-footer button { width:100%; min-height:38px; }
  .studio-hide-insights .studio-inspector-tabs,.studio-hide-insights .studio-inspector-footer { display:none; }
  #view-map .pf-side>.studio-inspector-scroll { display:block; padding:15px 16px; }
  .studio-summary-content { grid-template-columns:1fr; }
  .studio-risk-value,.studio-insight-facts,.studio-cost-explanation { grid-column:1; grid-row:auto; }
  .studio-insight-facts { flex-direction:row; padding:5px 0 13px; gap:24px; }
  .studio-cost-explanation { border:0; border-top:1px solid #ffffff16; padding:13px 0 0; }
  .studio-cost-equation { grid-template-columns:1fr 1fr 1fr; gap:14px; margin:14px 0; }
  .studio-cost-equation>div { display:block; }
  .studio-cost-equation span { display:block; margin-top:4px; }
  .studio-dock { border:0; padding:16px 0 0; margin-top:15px; border-top:1px solid #ffffff17; }
  .studio-peer-row { min-height:36px; }
  .studio-start-steps { grid-template-columns:1fr; }
  .studio-connections-content { grid-template-columns:1fr; gap:12px; }
  .studio-connections-content>.studio-panel-head,.studio-connection-note { grid-column:1; }
  .studio-neighbor-list { flex-direction:column; }
  .studio-asset-properties>#pf-asset-detail { float:none; width:auto; padding:0; }
  .studio-asset-properties>.studio-station-details { margin:0; }
  #view-map .pf-at-card.studio-register-open { inset:auto 10px 10px 10px !important; height:65%; max-height:75%; }
  #view-map .pf-basemap { top:104px; left:10px; }
  #view-map #pf-legend { bottom:80px; left:10px; right:10px; max-width:none; }
}

/* Signed-in context occupies its own measured row above the canvas. */
body.studio-map-active #orgbar:not(.hidden) {
  top:var(--studio-command-h,68px); left:0; right:0; width:auto; max-width:none;
  margin:0!important; padding:8px 16px; gap:8px 16px; max-height:30dvh; overflow:auto;
  border:0; border-bottom:1px solid #ffffff20; border-radius:0;
  background:#20282b; box-shadow:none; backdrop-filter:none;
}
body.studio-map-active #orgbar .bk-levels { display:contents; }
body.studio-map-active #orgbar .bk-sep { display:none; }
body.studio-map-active #orgbar .bk-f { flex:0 1 auto; min-width:0; gap:6px; }
body.studio-map-active #orgbar .field-label {
  position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:nowrap;
  color:#a9bac6; font-size:10px;
}
body.studio-map-active #orgbar :is(select,.bk-you) { min-width:0; max-width:220px; height:30px; font-size:12px; }
body.studio-map-active #orgbar .bk-you { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.studio-map-active #orgbar .bk-status:empty,
body.studio-map-active #orgbar .bk-note:empty { display:none; }
body.studio-map-active #orgbar .bk-model-note { flex-basis:100%; margin:0; font-size:10px; }
#view-map.studio-workspace { --studio-canvas-top:calc(var(--studio-command-h,68px) + var(--studio-orgbar-h,0px)); }
#view-map .pf-mapbox { top:var(--studio-canvas-top); }
.studio-view-toolbar { right:16px; width:auto; flex-wrap:wrap; }
#view-map .studio-view-toolbar .pf-basemap {
  position:static; inset:auto; width:auto; max-width:100%; margin-left:auto; flex-wrap:wrap;
}
#view-map .studio-in-3d .pf-basemap { display:none; }
.studio-tree { top:calc(var(--studio-canvas-top) + var(--studio-toolbar-h,42px) + 22px); }
.studio-view-toolbar .studio-context { position:static; inset:auto; margin-left:auto; flex-wrap:wrap; }
#view-map #pf-legend { top:calc(var(--studio-toolbar-h,42px) + 30px); bottom:auto; max-height:calc(100% - var(--studio-toolbar-h,42px) - 50px); overflow:auto; }
@media(max-width:800px) {
  body.studio-map-active #orgbar:not(.hidden) { padding:8px 10px; gap:8px 12px; }
  body.studio-map-active #orgbar .bk-f { flex:0 1 auto; }
  body.studio-map-active #orgbar .bk-f .field-label { min-width:0; }
  body.studio-map-active #orgbar :is(select,.bk-you) { max-width:180px; }
  body.studio-map-active #orgbar .bk-pub { margin-left:0; }
  .studio-view-toolbar { right:10px; }
  .studio-tree { top:calc(var(--studio-canvas-top) + var(--studio-toolbar-h,42px) + 18px); }
}

/* Clear visual priority: station, view, selection; secondary tools recede. */
.studio-icon { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.studio-control { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; }
.studio-control.studio-icon-only { width:36px; min-width:36px; height:36px; padding:0; flex:none; }
.studio-control::before { content:attr(data-tooltip); position:absolute; top:calc(100% + 9px); left:50%; transform:translateX(-50%); z-index:1500; width:max-content; max-width:240px; height:auto; padding:7px 9px; border:1px solid #73869240; border-radius:4px; background:#172128; color:#e1e9ed; font:11px/1.3 var(--sans); text-align:center; letter-spacing:0; white-space:normal; box-shadow:0 4px 12px #0003; opacity:0; visibility:hidden; pointer-events:none; }
.studio-control:not(:disabled):hover::before,.studio-control:focus-visible::before { opacity:1; visibility:visible; }
.studio-command { gap:14px; }
.studio-brand-button,.studio-hide-explorer .studio-brand-button { width:104px; gap:7px; flex:none; }
.studio-brand-mark { flex:none; }
.studio-scope-picker { flex:1; }
.studio-scope-picker .studio-station-picker { width:260px; }
.studio-scope-picker .studio-station-picker select { font-size:15px; font-weight:550; }
.studio-scope-picker #pf-select { color:#aebdc7; font-size:13px; }
.studio-command .studio-primary-nav { flex:none; gap:4px; }
.studio-command .studio-primary-nav .studio-control { padding:0; color:#94a8b5; border:0; background:transparent; }
.studio-command .studio-primary-nav .studio-control:hover { color:#e0ecf3; background:#ffffff08; }
.studio-command-actions { gap:14px; }
.studio-preview-tag { padding:0; border:0; color:#8298a7; font-size:10px; letter-spacing:.03em; }
.studio-command-actions .studio-study-button { border-color:#74c4ec44; color:#a8d9f2; padding-inline:12px; }
.studio-study-button .studio-icon { order:2; width:15px; height:15px; }
.studio-workspace-button { height:34px; min-width:0; max-width:170px; padding:0 10px; color:#a6b9c6; background:transparent; border:1px solid #ffffff15; border-radius:5px; font:12px var(--sans); }
.studio-workspace-button .studio-control-label { overflow:hidden; text-overflow:ellipsis; }
.studio-workspace-button[hidden] { display:none; }
.studio-workspace-button[aria-expanded=true] { color:#b7e3fa; background:#7cc7ed12; border-color:#7cc7ed55; }
.studio-workspace-button[aria-expanded=true]::before,.studio-layers[open]>summary::before { display:none; }
body.studio-map-active #orgbar:not(.hidden) { display:none; }
body.studio-map-active.studio-workspace-open #orgbar:not(.hidden) { display:flex; position:fixed; inset:calc(var(--studio-command-h,68px) + 8px) 16px auto auto; width:min(430px,calc(100% - 32px)); max-height:calc(100dvh - var(--studio-command-h,68px) - 32px); margin:0!important; padding:18px; gap:14px; background:#242d33; border:1px solid #7b94a650; border-radius:8px; box-shadow:0 16px 48px #0006; overflow:auto; z-index:1300; }
body.studio-map-active #orgbar::before { content:'Workspace'; flex-basis:100%; color:#e0eaf0; font:550 16px var(--sans); margin-bottom:2px; }
body.studio-map-active #orgbar .bk-f { display:grid; grid-template-columns:76px minmax(0,1fr); flex:1 1 100%; gap:10px; align-items:center; }
body.studio-map-active #orgbar .field-label { white-space:normal; font-size:11px; }
body.studio-map-active #orgbar .bk-f :is(select,.bk-you) { width:100%; max-width:none; height:34px; }
body.studio-map-active #orgbar .pctl-chips { flex-wrap:wrap; }
body.studio-map-active #orgbar .bk-pub { margin:0 0 0 auto; }
body.studio-map-active #orgbar .bk-model-note { line-height:1.6; }
.studio-browser-toggle { min-width:0; width:auto; height:40px; padding:0 12px; gap:8px; font-size:12px; border-color:#ffffff24; background:#252e34; }
.studio-browser-toggle::after { display:none; }
.studio-hero-bar { height:40px; border-color:#ffffff1c; background:#222a30; }
.studio-hero-bar .studio-control { min-height:34px; padding:6px 11px; color:#93a4af; font-size:12px; }
.studio-hero-bar .studio-control[aria-selected=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.studio-hero-bar .studio-icon { width:16px; height:16px; }
.studio-view-toolbar { gap:10px; }
.studio-view-toolbar .studio-help { margin:0; }
.studio-help>summary.studio-control { font-size:12px; }
.studio-help>summary.studio-control::before { font-size:11px; }
.studio-view-toolbar .studio-register-toggle { width:36px; min-height:36px; padding:0; }
.studio-register-toggle::after { display:none; }
.studio-help>summary,.studio-view-toolbar .studio-register-toggle { background:#20292fe6; border-color:#ffffff15; color:#94a7b4; border-radius:5px; }
.studio-layers { position:relative; order:5; margin-left:auto; }
.studio-layers>summary { list-style:none; cursor:pointer; color:#9fb4c2; background:#20292fea; border:1px solid #ffffff1c; border-radius:5px; }
.studio-layers>summary::-webkit-details-marker { display:none; }
.studio-layers[open]>summary { color:#c9eaff; border-color:#7bc9f06b; }
#view-map .studio-view-toolbar .studio-layers .pf-basemap { position:absolute; top:calc(100% + 8px); right:0; left:auto; bottom:auto; margin:0; padding:7px; width:max-content; max-width:calc(100vw - 32px); border:1px solid #7b94a650; border-radius:6px; background:#242d33; box-shadow:0 10px 24px #0004; }
#view-map .studio-in-3d .studio-layers { display:none; }
.studio-view-toolbar .studio-context { margin-left:auto; flex-wrap:nowrap; gap:10px; }
.studio-view-toolbar .studio-metrics { gap:18px; }
.studio-view-toolbar .studio-metric span { font-size:9px; color:#93a4af; }
.studio-view-toolbar .studio-metric strong { font-size:17px; font-weight:550; }
.studio-camera-tools { gap:2px; padding:5px; border-color:#ffffff22; box-shadow:0 4px 16px #0002; }
.studio-camera-tools .studio-icon-only { width:36px; min-width:36px; height:36px; min-height:36px; padding:0; color:#9bafbd; }
.studio-camera-tools .studio-control[aria-pressed=true] { color:var(--pra-selected-fg); background:var(--pra-selected-bg); box-shadow:var(--pra-selected-shadow); }
.studio-camera-tools .studio-control::before { top:auto; bottom:calc(100% + 10px); }
.studio-camera-tools .studio-focus-button { display:inline-flex; }
.studio-details-toggle.studio-icon-only { width:36px; min-width:36px; min-height:36px; margin-left:0; border-color:#ffffff20; color:#b1c6d3; }
.studio-details-toggle[aria-expanded=false] .studio-icon { transform:rotate(180deg); }
.studio-details-toggle::after { display:none; }
.studio-tree-heading { background:#343c42; font-size:14px; font-weight:550; }
.studio-tree-heading .studio-dismiss { width:28px; min-width:28px; height:28px; color:#98abb8; border:0; }
.studio-tree-heading .studio-dismiss .studio-icon { width:15px; height:15px; }
.studio-tree .studio-all-stations { justify-content:flex-start; height:30px; margin:0 0 6px; color:#9fb7c7; }
.studio-tree .studio-all-stations .studio-icon { width:14px; height:14px; }
.studio-tree .studio-find-circuits { justify-content:flex-start; gap:6px; color:#97aab8; font-size:11px; }
.studio-tree .studio-find-circuits .studio-icon { width:14px; height:14px; }
.studio-tree .studio-list-count { color:#8fa2ae; }
.studio-scene-caption { opacity:.7; }
.studio-scene-key { display:none; }
#view-map:not(.studio-has-selection) .studio-inspector-footer { display:none; }
#view-map:not(.studio-has-station):not(.studio-has-selection) { --studio-deck:0px; }
#view-map:not(.studio-has-station):not(.studio-has-selection) .pf-side { display:none; }
#view-map:not(.studio-has-station) .studio-study-button,#view-map.studio-has-selection .studio-command-actions .studio-study-button { display:none; }
@media(max-width:1100px) {
  .studio-command { gap:10px; }
  .studio-workspace-button { max-width:120px; }
  .studio-scope-picker .studio-station-picker { width:220px; }
  .studio-command-actions { display:flex; }
  .studio-command-actions .studio-preview-tag { display:none; }
}
@media(max-width:800px) {
  .studio-command { gap:8px; }
  .studio-brand-button,.studio-hide-explorer .studio-brand-button { width:42px; flex:none; }
  .studio-scope-picker { min-width:0; }
  .studio-scope-picker .studio-station-picker { width:auto; }
  .studio-scope-picker .studio-station-picker select { font-size:13px; }
  .studio-workspace-button { width:34px; min-width:34px; padding:0; }
  .studio-workspace-button .studio-control-label { display:none; }
  .studio-command-actions { display:none; }
  .studio-browser-toggle { width:40px; height:40px; padding:0; }
  .studio-browser-toggle .studio-control-label { display:none; }
  .studio-hero-bar { margin:0; }
  .studio-hero-bar .studio-control { gap:5px; padding:6px 8px; font-size:11px; }
  .studio-view-toolbar { gap:6px; }
  .studio-view-toolbar .studio-help { order:2; margin-left:auto; }
  .studio-view-toolbar .studio-register-toggle { order:3; }
  .studio-layers { order:4; margin-left:0; }
  .studio-view-toolbar .studio-context { display:none; }
  .studio-details-toggle.studio-icon-only { width:36px; margin-left:auto; }
}

/* Canvas navigation has one primary switch and two clearly separated utilities. */
.studio-icon { display:block; }
.studio-command .studio-primary-nav { display:flex; align-items:center; height:36px; }
.studio-command .studio-primary-nav button.studio-control { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; min-width:36px; padding:0; line-height:1; }
.studio-command-actions { align-items:center; height:36px; }
#view-map .studio-command .studio-context { position:static; inset:auto; height:auto; padding:0; margin:0 8px; border:0; background:none; gap:14px; pointer-events:none; }
.studio-command .studio-context .studio-metrics { display:flex; gap:18px; }
.studio-command .studio-context .studio-metric { display:block; }
.studio-command .studio-context .studio-metric span { font-size:9px; color:#8fa2af; }
.studio-command .studio-context .studio-metric strong { font-size:15px; font-weight:550; }
.studio-context:has(.studio-metrics:empty) { display:none; }
.studio-view-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:14px; inset:calc(var(--studio-canvas-top) + 14px) 16px auto; }
.studio-toolbar-start { grid-column:1; min-width:0; min-height:44px; }
.studio-toolbar-end { grid-column:3; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:8px; min-height:44px; height:auto; min-width:0; }
.studio-hero-bar { grid-column:2; height:46px; margin:0; padding:3px; background:#182731; border:1px solid #8eb4cc66; border-radius:7px; box-shadow:0 4px 14px #0003; }
.studio-hero-bar .studio-control { height:38px; min-height:38px; min-width:92px; padding:0 13px; gap:8px; color:#adbfcb; font-size:13px; font-weight:500; border-radius:4px; }
.studio-hero-bar .studio-control[aria-selected=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg); box-shadow:var(--pra-selected-shadow); }
.studio-hero-bar .studio-control:disabled { opacity:.42; }
.studio-hero-bar .studio-control::before { display:none; }
.studio-browser-toggle { height:44px; }
#view-map:not(.studio-hide-explorer) .studio-browser-toggle { display:none; }
.studio-tree { top:calc(var(--studio-canvas-top) + 14px); bottom:calc(var(--studio-deck) + 86px); }
.studio-help { position:relative; }
.studio-toolbar-end .studio-help { margin:0; order:0; }
.studio-help>summary.studio-control,.studio-layers>summary.studio-control { display:flex; align-items:center; justify-content:center; width:auto; min-width:0; height:40px; padding:0 11px; gap:7px; color:#afc2cf; font:12px var(--sans); border:1px solid #ffffff24; border-radius:5px; background:#202b32f5; }
.studio-help>summary.studio-control::before,.studio-help>summary::after,.studio-layers>summary::before { display:none; }
.studio-view-toolbar:has(details[open]) { z-index:1250; }
.studio-help>div.studio-guide-panel { position:fixed; inset:calc(var(--studio-command-h,68px) + var(--studio-toolbar-h,46px) + 24px) 16px auto auto; width:320px; max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--studio-command-h,68px) - var(--studio-toolbar-h,46px) - 40px); overflow:auto; padding:18px; border:1px solid #8daabb55; border-radius:7px; background:#222d35; box-shadow:0 12px 32px #0005; z-index:900; color:#d0dce4; font:12px/1.6 var(--sans); }
.studio-guide-panel strong { color:#e0edf4; font-size:13px; font-weight:550; }
.studio-guide-panel p { margin:7px 0 14px; color:#afc0cc; font-size:12px; line-height:1.6; }
.studio-guide-gestures { display:grid; grid-template-columns:72px 1fr; gap:5px 12px; margin:0 0 18px; }
.studio-guide-gestures dt { color:#dceaf2; font-weight:500; }
.studio-guide-gestures dd { margin:0; color:#a7bac7; }
.studio-guide-panel .studio-source-note { border:0; border-top:1px solid #ffffff16; border-radius:0; margin:0; padding:12px 0 0; font-size:11px; }
.studio-guide-panel .studio-source-note::before { content:'Data source · '; color:#91a9b9; }
.studio-guide-panel .pf-demo-tag { display:inline; padding:0; border:0; border-radius:0; background:none; color:#b0c3cf; font:11px var(--sans); }
.studio-guide-panel .pf-demo-tag::before { display:none; }
.studio-layers { margin:0; order:0; flex:none; }
#view-map:not([data-mode=map]) .studio-layers { display:none; }
#view-map .studio-view-toolbar .studio-map-layers .pf-basemap { display:flex; flex-wrap:nowrap; align-items:center; position:static; inset:auto; width:auto; height:40px; max-height:none; margin:0; padding:0; overflow:visible; border:1px solid #829aa844; border-radius:5px; background:#202b32f5; box-shadow:none; }
.studio-basemap-options { display:flex; align-items:center; gap:2px; padding:3px; }
#view-map .studio-basemap-options>button { width:auto; height:32px; padding:0 10px; border:0; border-radius:3px; background:none; color:#9db2c1; font:11.5px var(--sans); }
#view-map .studio-basemap-options>button[aria-pressed=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg);  box-shadow:var(--pra-selected-shadow);}
#view-map .studio-map-layers button:hover { background-color:#ffffff08; }
#view-map .studio-basemap-options>button[aria-pressed=true]:hover { background:#508aab42; }
#view-map .studio-map-layers button:focus { outline:none; box-shadow:none; }
#view-map .studio-map-layers button:focus-visible { outline:1px solid #9ac8e1; outline-offset:2px; }
#view-map #pf-svc { display:flex; justify-content:space-between; align-items:center; gap:8px; width:auto; height:38px; min-height:0; padding:0 10px; margin:0; border:0; border-left:1px solid #ffffff1c; border-radius:0 4px 4px 0; background:none; color:#adbfcb; font:11.5px var(--sans); text-align:left; white-space:nowrap; }
#view-map #pf-svc::before { display:none; }
#view-map #pf-svc:hover { background:#ffffff08; }
.studio-service-copy strong { display:block; color:#d7e4ec; font:500 12px var(--sans); }
.studio-service-copy small { display:block; margin-top:5px; color:#94aab9; font:10px/1.5 var(--sans); white-space:normal; }
.studio-layer-switch { display:block; flex:none; width:30px; height:18px; padding:3px; border-radius:10px; background:#5a6872; }
.studio-layer-switch::after { content:''; display:block; width:12px; height:12px; border-radius:50%; background:#d4dfe6; transition:transform .15s; }
[aria-pressed=true]>.studio-layer-switch { background:#4b9ac5; }
[aria-pressed=true]>.studio-layer-switch::after { transform:translateX(12px); background:#eef8fe; }

/* The asset register opens upward from a persistent, labeled bottom rail. */
.studio-bottom-rail { position:absolute; inset:auto 0 0; z-index:1150; height:38px; display:flex; justify-content:center; align-items:center; border-top:1px solid #ffffff1c; background:#1a242b; }
.studio-bottom-rail .studio-register-toggle { width:auto; height:36px; min-height:36px; padding:0 22px; border:0; background:transparent; color:#a9c2d2; font:12px var(--sans); }
.studio-bottom-rail .studio-register-toggle .studio-icon { width:15px; height:15px; transform:rotate(180deg); }
.studio-bottom-rail .studio-register-toggle[aria-expanded=true] { color:#d5edfc; }
.studio-bottom-rail .studio-register-toggle[aria-expanded=true] .studio-icon { transform:none; }
.studio-bottom-rail .studio-register-toggle::before { display:none; }
#view-map.studio-workspace .pf-at-card.studio-register-open { inset:auto 0 38px!important; width:auto; height:var(--studio-sheet-height,55%); max-height:calc(100% - var(--studio-command-h,68px) - 80px); min-height:220px; margin:0; padding:0; border:1px solid #8babbd55; border-bottom:0; border-radius:12px 12px 0 0; background:#242e36; box-shadow:0 -12px 36px #0005; z-index:1100; animation:studio-sheet-rise .16s ease-out; }
.studio-register-content { min-height:0; height:100%; flex:1; }
.studio-sheet-grip { flex:none; height:20px; display:grid; place-items:center; cursor:ns-resize; touch-action:none; }
.studio-sheet-grip::before { content:''; width:38px; height:3px; border-radius:2px; background:#8195a3; }
.studio-sheet-grip:focus-visible { outline:2px solid #81c9f3; outline-offset:-3px; }
.studio-table-heading { flex:none; min-height:40px; padding:0 20px 10px; border:0; }
.studio-table-heading strong { color:#e0edf4; font-size:16px; font-weight:550; }
.studio-table-heading .studio-sheet-close { width:30px; min-width:30px; height:30px; min-height:30px; padding:0; border:0; background:transparent; color:#a9bdcc; }
.studio-table-heading .studio-sheet-close::before { display:none; }
#view-map .studio-register-content .pf-at-head { flex:none; padding:5px 20px 10px; }
.studio-register-content .pf-at-head>h3 { display:none; }
.studio-register-content .pf-at-tools { width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.studio-register-content .pf-at-tools input[type=search] { flex:1; width:auto; min-width:180px; }
.studio-register-content .pf-at-tools select { min-width:180px; }
#view-map .studio-register-content .pf-at-scope { flex:none; margin:0; padding:0 20px 10px; }
.studio-register-content .pf-at-lines { margin:0; }
.studio-register-content .pf-at-wrap { flex:1; min-height:0; max-height:none; overflow:auto; }
.studio-register-content #pf-at-more { flex:none; align-self:center; margin:8px 20px; }
#view-map .pf-mapbox { bottom:calc(var(--studio-deck) + 70px); }
#view-map .pf-side { bottom:54px; }
#view-map:not(.studio-has-station):not(.studio-has-selection) .pf-mapbox { bottom:38px; }
@keyframes studio-sheet-rise { from { transform:translateY(20px); opacity:.7; } to { transform:translateY(0); opacity:1; } }
@media(max-width:1250px) { .studio-command .studio-context { display:none; } }
@media(max-width:860px) {
  .studio-command .studio-primary-nav { display:none; }
  .studio-view-toolbar { inset:calc(var(--studio-canvas-top) + 12px) 10px auto; grid-template-columns:1fr 1fr; gap:10px; }
  .studio-hero-bar { grid-column:1/-1; grid-row:1; justify-self:center; }
  .studio-hero-bar .studio-control { min-width:90px; font-size:12px; }
  .studio-toolbar-start { grid-column:1; grid-row:2; }
  .studio-toolbar-end { grid-column:2; grid-row:2; }
  #view-map[data-mode=map] .studio-toolbar-end { display:contents; }
  #view-map[data-mode=map] .studio-toolbar-end .studio-help { grid-column:2; grid-row:2; justify-self:end; align-self:center; }
  #view-map[data-mode=map] .studio-map-layers { grid-column:1/-1; grid-row:3; justify-self:end; }
  .studio-tree { top:calc(var(--studio-canvas-top) + var(--studio-toolbar-h,100px) + 22px); bottom:100px; }
  .studio-browser-toggle { width:auto; padding:0 12px; }
  .studio-browser-toggle .studio-control-label { display:inline; }
  .studio-help>div.studio-guide-panel { right:10px; width:300px; }
  .studio-register-content .pf-at-tools select { min-width:130px; flex:1; }
  .studio-register-content .pf-at-lines { width:100%; }
}
@media(max-width:800px) { #view-map.studio-workspace.studio-has-selection:not(.studio-hide-insights) { --studio-deck:min(54vh,420px); } }
@media(prefers-reduced-motion:reduce) { #view-map.studio-workspace .pf-at-card.studio-register-open { animation:none; } .studio-layer-switch::after { transition:none; } }

/* A common numeric scale lets the selected asset read against its peers. */
.studio-peer-section .studio-panel-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; }
.studio-peer-section .studio-panel-head h3 { color:#ccdce7; font:500 12px var(--sans); }
.studio-peer-unit { color:#849eaf; font:10px var(--sans); }
.studio-peer-summary { margin:0 0 5px; color:#9ab0c0; font:10px var(--sans); }
.studio-peer-comparison { display:grid; gap:0; }
.studio-peer-comparison .studio-peer-row { display:grid; grid-template-columns:42px minmax(0,1fr) 56px; gap:12px; min-height:24px; padding:0 5px; border:0; border-radius:3px; background:none; color:#8ea7b8; }
.studio-peer-comparison .studio-peer-row:hover { background:#ffffff05; }
.studio-peer-comparison .studio-peer-row[aria-pressed=true] { background:var(--pra-selected-bg); color:var(--pra-selected-fg); border:0; box-shadow:var(--pra-selected-shadow); }
.studio-peer-comparison .studio-peer-row strong,.studio-peer-comparison .studio-peer-name { font:11px var(--sans); font-variant-numeric:tabular-nums; }
.studio-peer-comparison .studio-peer-row strong { font-weight:500; color:inherit; text-align:right; }
.studio-peer-plot { display:block; position:relative; align-self:center; height:24px; min-height:0; margin:0; border:0; background:repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 25%); }
.studio-peer-plot::before { content:''; position:absolute; inset:50% 0 auto; height:1px; background:#91a8b314; }
.studio-peer-range { position:absolute; top:calc(50% - 1px); left:0; height:2px; background:#7f9fb173; }
.studio-peer-point { position:absolute; top:calc(50% - 3px); width:6px; height:6px; margin-left:-3px; border-radius:50%; background:#879eac; }
[aria-pressed=true]>.studio-peer-plot>.studio-peer-range { background:#9bcfe8; }
[aria-pressed=true]>.studio-peer-plot>.studio-peer-point { width:7px; height:7px; top:calc(50% - 3.5px); margin-left:-3.5px; background:#bce6fb; }
.studio-peer-axis { display:flex; justify-content:space-between; margin:3px 73px 0 59px; color:#7893a5; font:9px var(--sans); font-variant-numeric:tabular-nums; }
.studio-cost-equation strong { color:#c6dbe9; font-family:var(--sans); font-variant-numeric:tabular-nums; font-weight:500; }
.studio-risk-value strong { font-family:var(--sans); font-variant-numeric:tabular-nums; font-weight:550; letter-spacing:-1px; }
.studio-insight-facts strong { color:#c6d8e5; font-family:var(--sans); font-variant-numeric:tabular-nums; font-weight:500; }
@media(max-width:800px) { .studio-peer-comparison .studio-peer-row { min-height:34px; } .studio-peer-plot { height:34px; } }