.viewport.has-lumbar-visual{height:auto!important;min-height:0!important;padding:108px 12px 16px;background:#f3f5f0}
.workspace:has(.viewport.has-lumbar-visual){height:auto!important;grid-template-rows:auto!important}
.has-lumbar-visual>#scene{position:absolute;inset:0;pointer-events:none}
.has-lumbar-visual>.viewport-dock,.has-lumbar-visual>.gesture,.has-lumbar-visual #context-detail,.has-lumbar-visual #context-registration-note,.has-lumbar-visual #context-zoom-out,.has-lumbar-visual #clinical-detail-label{display:none!important}
#lumbar-visual{position:relative;z-index:2;color:#213d38;pointer-events:none}
#lumbar-visual[hidden]{display:none}
#lumbar-visual button{pointer-events:auto;min-height:44px;min-width:44px;border:1px solid #9cafa4;border-radius:6px;background:#fff;color:#213d38;padding:8px 10px;font:inherit;font-size:14px;cursor:pointer}
#lumbar-visual button[aria-pressed=true]{background:#285b50;color:#fff;border-color:#285b50}
#lumbar-visual button:focus-visible{outline:3px solid #d27743;outline-offset:2px}
.lumbar-toolbar{display:grid;gap:8px;background:#f3f5f0;pointer-events:auto;margin-bottom:8px}
.lumbar-root-control{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.lumbar-state-control,.lumbar-mode-control{display:flex;gap:6px;min-width:0}
.lumbar-state-control button,.lumbar-mode-control button{flex:1;min-width:0!important}
.lumbar-mode-control{max-width:480px}
#lumbar-selection{font-size:13px;margin:0;line-height:1.5}
.lumbar-3d-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lumbar-pane-section{min-width:0}
.lumbar-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f3f5f0;margin-bottom:6px}
.lumbar-pane-heading h3,.lumbar-pathway-section h3{font-size:16px;line-height:1.4;margin:0;color:#213d38}
.lumbar-pane-heading .lumbar-state-control{flex:none}
.lumbar-pane-heading .lumbar-state-control button{font-size:13px;padding:6px 8px}
.lumbar-pane{height:460px;border:1px solid #bdcbc2;border-radius:8px;pointer-events:auto;touch-action:none;position:relative;background:transparent;cursor:grab}
.lumbar-pane:active{cursor:grabbing}
.lumbar-pane-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px;background:#f3f5f0;pointer-events:auto}
.lumbar-pane-views button{padding:6px 2px!important;font-size:13px!important}
.lumbar-material-key{display:flex;flex-wrap:wrap;gap:8px 16px;background:#f3f5f0;font-size:13px;line-height:1.5;margin-top:8px}.lumbar-material-key span{display:flex;align-items:center;gap:5px}.lumbar-material-key i{width:12px;height:12px;display:inline-block;border:1px solid #708276;border-radius:3px}.lumbar-key-annulus{background:#c79b61}.lumbar-key-nucleus{background:#86c4c4}.lumbar-key-root{background:#bc8d00}.lumbar-key-change{background:#cf372e}
.lumbar-pane-caption,.lumbar-inspect-caption,.lumbar-distribution-note,.lumbar-original-note{font-size:13px;line-height:1.5;margin:8px 0;background:#f3f5f0}
.lumbar-inspect-caption:empty{display:none}
.lumbar-level-marker{position:absolute;z-index:6;pointer-events:none;animation:none!important;transition:none!important}.lumbar-level-marker[hidden]{display:none}.lumbar-level-marker i{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border:2px solid #b87915;border-radius:50%;background:transparent}.lumbar-level-marker span{position:absolute;left:18px;top:-30px;min-width:100px;padding:5px 7px;border:1px solid #b87915;border-radius:4px;background:#fff8e9;color:#3c361f;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
#lumbar-visual[data-neuro-family=lumbar] .lumbar-key-root{background:#bc8d00!important}
.lumbar-inspect-caption{font-weight:600}
.lumbar-context-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f3f5f0;pointer-events:auto;margin:12px 0}
.lumbar-context-controls p{font-size:13px;margin:0;line-height:1.5;flex:1;min-width:150px}
.lumbar-pathway-section{background:#f3f5f0;padding-top:12px;border-top:1px solid #bdcbc2}
#lumbar-connected-image svg{display:block;width:100%;height:auto;max-height:760px}
.lumbar-map-caption{font-size:14px;line-height:1.5;margin:0;padding:12px 8px;border:1px solid #bdcbc2;border-radius:6px;background:#fafbf6}
.lumbar-map-caption span{display:block}.lumbar-map-caption span+span{margin-top:8px}
.lumbar-original-note{color:#546c61;font-size:12px;margin-bottom:0}
@media(max-width:850px){.viewport.has-lumbar-visual{padding:108px 8px 14px}.lumbar-root-control{gap:4px}.lumbar-root-control button{padding:6px 2px!important}.lumbar-3d-grid{grid-template-columns:1fr;gap:18px}.lumbar-pane{height:350px}.lumbar-pane-heading h3{font-size:15px}.lumbar-pane-heading{gap:4px}.lumbar-pane-heading .lumbar-state-control{gap:4px}.lumbar-pane-heading .lumbar-state-control button{padding:6px!important;font-size:12px}.lumbar-pane-views{gap:4px}#lumbar-connected-image svg{max-height:none}}

/* Uses the existing reviewed lumbar layout and keeps controls outside anatomy. */
.lumbar-root-control{grid-template-columns:repeat(var(--root-columns,6),minmax(0,1fr))}
#lumbar-visual button:disabled{opacity:.48;cursor:default}
.lumbar-pane-views:has([data-neuro-top]:not([hidden])){grid-template-columns:repeat(5,minmax(0,1fr))}
[data-neuro-tissue-key][hidden]{display:none}
.neuro-body-section{padding-top:16px;border-top:1px solid #bdcbc2;margin-top:16px}
.neuro-body-section .lumbar-pane{height:540px;max-width:640px;margin-inline:auto}
.neuro-body-section .lumbar-pane-views{max-width:640px;margin-inline:auto}
.neuro-body-section .lumbar-pane-caption,.neuro-body-section .lumbar-inspect-caption{max-width:640px;margin-inline:auto}
@media(max-width:850px){.lumbar-root-control{grid-template-columns:repeat(4,minmax(0,1fr))}.neuro-body-section .lumbar-pane{height:450px}.lumbar-pane-heading h3{max-width:48%}}

.lumbar-key-central{background:#f3cc58}.lumbar-context-controls{flex-wrap:wrap}.lumbar-material-key[hidden]{display:none}

/* One large interactive view at a time, including on phones. */
.neuro-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;pointer-events:auto}
.lumbar-3d-grid{grid-template-columns:1fr}
.lumbar-pane-section[hidden],.neuro-body-section[hidden],.lumbar-3d-grid[hidden],.lumbar-context-controls[hidden]{display:none!important}
.neuro-body-section{margin:0;padding:0;border:0}
.lumbar-pane,.neuro-body-section .lumbar-pane{height:clamp(420px,65vh,700px);width:100%;max-width:none}
.lumbar-pane-caption{font-size:14px}
@media(max-width:850px){.lumbar-pane,.neuro-body-section .lumbar-pane{height:clamp(380px,58vh,560px)}.neuro-view-tabs button{padding:7px 3px!important}.lumbar-pane-heading h3{max-width:48%}}

.lumbar-pane-views{grid-template-columns:repeat(5,minmax(0,1fr))}.lumbar-pane-views:has([data-neuro-top]:not([hidden])){grid-template-columns:repeat(6,minmax(0,1fr))}


/* Orientation annotation: screen-space only, never an enlarged anatomical mesh. */
.spinal-detail-handoff{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;margin-bottom:8px;border:1px solid #71968a;border-radius:8px;background:#edf5ef;pointer-events:auto}
.spinal-detail-handoff[hidden],.spinal-level-guide[hidden]{display:none!important}
.spinal-detail-handoff strong{font-size:14px}.spinal-detail-handoff p{font-size:13px;line-height:1.4;margin:4px 0 0}
#lumbar-visual .spinal-detail-handoff button{background:#285b50;color:white;font-weight:600;flex-shrink:0}
.spinal-level-guide{position:absolute;left:8px;right:8px;border-top:2px dashed #285b50;color:#214e42;font-size:12px;font-weight:600;padding-top:3px;pointer-events:none;text-shadow:0 0 4px #fff,0 0 4px #fff}
@media(max-width:850px){.spinal-detail-handoff{flex-wrap:wrap;gap:8px}.spinal-detail-handoff>div{flex:1 1 150px}.spinal-detail-handoff button{width:100%}}

#lumbar-visual[data-neuro-family=cervical] .lumbar-key-root{background:#bc8d00!important}