/* Tools stay secondary to anatomy; open one contextual panel at a time. */
#spatial-controls{position:absolute;top:135px;left:24px;z-index:5;font-size:11px;max-width:calc(100% - 48px)}
.space-toolbar{display:flex;gap:5px;flex-wrap:wrap}.space-toolbar button{background:#14212be8;border:1px solid #30434a;border-radius:4px;min-height:32px;padding:5px 10px}.space-toolbar button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
#space-panel{width:280px;max-width:100%;background:#111c25f5;border:1px solid #3d5659;border-radius:5px;margin-top:8px;padding:14px;max-height:340px;overflow:auto;box-shadow:0 12px 28px #0004;animation:space-reveal .16s ease-out}
.space-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.space-heading strong{font-size:13px;font-weight:500}.space-heading button{font-size:20px;padding:0 5px}
#space-panel label{display:block;margin:10px 0;font-size:11px;color:#b6c6ce}#space-panel output{float:right;font-variant-numeric:tabular-nums;color:var(--accent)}#space-panel input[type=range]{padding:0;accent-color:var(--accent);display:block;margin-top:9px;height:20px}#space-panel .slice-enable{display:flex;align-items:center;gap:8px}#space-panel input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}
.slice-axis{display:flex;gap:6px}.slice-axis button{flex:1;border:1px solid #34494b;min-height:32px;border-radius:3px}.slice-axis button[aria-pressed=true]{background:#96e4c315;color:var(--accent);border-color:#709b89}#space-panel p{font-size:10px;line-height:1.6;margin:8px 0 0}#slice-readout{color:var(--accent);font-variant-numeric:tabular-nums}
.point-inspector{right:16px;left:auto;bottom:145px;width:300px;max-width:calc(100% - 32px);max-height:340px;overflow:auto;padding:16px;z-index:6;animation:space-reveal .16s ease-out}.point-inspector>strong{display:block;margin:10px 0 5px;padding-right:6px;font-size:12px}.point-inspector p{font-size:10px;overflow-wrap:anywhere}.point-inspector details{border-top:1px solid var(--line);padding-top:10px;font-size:10px;margin-top:10px;color:var(--muted)}.point-inspector summary{cursor:pointer}.point-inspector .dismiss{min-width:30px;min-height:30px;top:5px;right:5px}
.point-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 3px}.point-actions button{border:1px solid #416252;border-radius:4px;padding:8px;font-size:11px;min-height:34px;color:var(--accent)}.point-actions #point-trace{background:#96e4c3;color:#102c22}.route-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.route-metrics span{display:block;font-size:10px;color:var(--muted)}.route-metrics strong{display:block;font-size:23px;font-weight:450;margin-top:5px}.route-metrics small{font-size:10px}.error-box small{display:block;overflow-wrap:anywhere}
.inspector>.point-inspector{position:relative;inset:auto;width:100%;max-width:none;max-height:320px;flex-shrink:0;border:0;border-bottom:1px solid #3a514c;border-radius:0;background:#17252c;padding:15px 19px;box-shadow:none}.inspector>.point-inspector .route-metrics{margin:10px 0}.inspector>.point-inspector>strong{margin:8px 0 4px}
.whole-mode #spatial-controls,.banc-mode #spatial-controls{display:none}
.motif-edge{cursor:pointer}.motif-edge:hover .edge-line,.motif-edge:focus .edge-line,.motif-edge[aria-pressed=true] .edge-line{stroke:#96e4c3;stroke-width:2.8}.motif-edge:focus{outline:none}.motif-edge .edge-target{stroke:transparent;stroke-width:18;fill:none}.motif-node{cursor:pointer}.motif-node:focus{outline:none}.motif-node:hover circle,.motif-node:focus circle{stroke:#fff;stroke-width:2}.atlas-edge-list button[aria-pressed=true]{color:var(--accent);background:#96e4c311}.atlas-edge-reset{font-size:11px;color:var(--accent);padding:9px 0}.atlas-detail .interaction-hint{font-size:10px;line-height:1.7;margin:6px 0;color:#b4c7ca}
.input-browser{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.input-browser summary{font-size:12px;cursor:pointer;color:var(--accent);padding-bottom:7px}.input-browser p{font-size:10px}.input-browser select{font-size:11px;margin:9px 0}.input-site{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 0;border-bottom:1px solid #27383e;font-size:11px}.input-site small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.input-site b{font-size:11px;font-weight:400;color:var(--accent);white-space:nowrap}.input-paging{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:10px 0}.input-paging button{min-width:34px;min-height:32px;border:1px solid var(--line);border-radius:4px}
.neighbor-map{margin:0 18px 12px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.neighbor-map summary{font-size:11px;cursor:pointer;color:var(--accent)}.neighbor-map p{font-size:10px;margin:8px 0}.neighbor-map svg{width:100%;height:auto;display:block}.neighbor-map text{font-family:inherit;font-size:9px;fill:#c4d5d8}.neighbor-map .network-node{cursor:pointer}.neighbor-map .network-node:hover rect,.neighbor-map .network-node:focus rect{fill:#213a34;stroke:var(--accent)}.neighbor-map .network-node:focus{outline:none}.neighbor-follow{display:flex;gap:8px;margin:10px 0}.neighbor-follow button{padding:8px;border:1px solid #3a5648;border-radius:4px;font-size:10px;color:var(--accent)}
@keyframes space-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#spatial-controls{left:16px;top:135px;max-width:calc(100% - 32px)}.point-inspector{bottom:160px}.view-tools{left:16px;right:16px;flex-wrap:wrap;gap:4px}.view-tools>button,.axis-views button{padding:7px;font-size:10px}.axis-views{margin-left:0}#space-panel{max-height:300px}}
@media(max-width:580px){.point-inspector{max-height:250px;bottom:152px}#space-panel{max-height:260px}.space-toolbar button{font-size:10px;padding:5px 7px}.neighbor-map{max-width:500px}}
@media(prefers-reduced-motion:reduce){#space-panel,.point-inspector{animation:none}}

#point-minimize{position:absolute;top:5px;right:38px;min-width:30px;min-height:30px;font-size:20px;color:var(--muted)}
@media(max-width:580px){body:not(.whole-mode) .workspace{grid-template-rows:590px 420px auto}body:not(.whole-mode) .viewport{grid-row:1}body:not(.whole-mode) .library{grid-row:2}body:not(.whole-mode) .inspector{grid-row:3}}