:root{color-scheme:dark;--bg:#0a1117;--surface:#101b23;--line:#21313c;--text:#dce6eb;--muted:#8a9faa;--accent:#89cdd2;--gold:#dfb476;--danger:#efb0a6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:hover:not(:disabled){color:#fff}button.primary,.primary{display:inline-block;background:#86cbd0;color:#102026;border:1px solid #86cbd0;padding:10px 15px;border-radius:7px;font-weight:650}button.primary:hover{background:#a3dce0;color:#102026}.secondary{border:1px solid #334c5a;background:#12232e;color:#dce9ef;padding:9px 13px;border-radius:7px;display:inline-block}.wide{width:100%}.quiet{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent);font-weight:650}h1,h2,p{margin-top:0}h2{font-size:19px;font-weight:550;line-height:1.3}small{font-size:11px;color:var(--muted)}.top{height:79px;display:flex;align-items:center;gap:25px;padding:0 25px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:22px;letter-spacing:-.5px;line-height:1.15}.brand b{font-weight:350}.brand small{display:block;font-size:9px;letter-spacing:.15em;margin-top:7px}.top nav{display:flex;align-items:center;gap:24px;margin:auto;font-size:12px}.top nav a{color:#91a4b0}.top nav .active{background:#20323e;color:#e1f2f4;border-radius:6px;padding:9px 12px}.statusbar{padding:9px 24px;background:#13212a;color:#93aab6;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px}.statusbar b{color:#bfd3dc;font-weight:550}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72b5b9;margin-right:7px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:800px;height:calc(100vh - 155px)}.sidebar{border-right:1px solid var(--line);background:#0e1820;padding:25px 18px 0;display:flex;flex-direction:column;min-height:0}.heading h1{font-size:28px;font-weight:430;line-height:1.2;letter-spacing:-.8px;margin:10px 0}.heading p{color:var(--muted);font-size:12px;margin-bottom:19px}.data-status{font-size:11px;color:var(--gold);margin:0 0 11px;line-height:1.4}.search{position:relative;margin:18px 0 8px}.search input{width:100%;border-radius:6px;border:1px solid #2b3d49;background:#0a151e;padding:9px 28px 9px 10px;color:var(--text)}.search>span:last-child{position:absolute;right:11px;top:7px;color:var(--muted);font-size:18px}.list-tools{display:flex;justify-content:space-between;font-size:10px;padding:4px 0 9px;color:var(--muted);border-bottom:1px solid var(--line)}.structure-list{overflow:auto;min-height:90px;flex:1;margin:0 -9px;padding:10px 8px;scrollbar-width:thin}.empty-list{padding-top:15px;font-size:12px}.structure-item{display:flex;gap:7px;align-items:center;padding:6px 3px;border-radius:5px;border:1px solid transparent}.structure-item input{accent-color:var(--accent);width:13px;height:13px;flex:none}.structure-item button{flex:1;text-align:left;font-size:12px;line-height:1.35;padding:4px 2px}.structure-item.selected{background:#27332e;border-color:#806342}.structure-item.selected button{color:#f1d5ad}.structure-item .swatch{width:5px;height:16px;border-radius:3px;flex:none}.group-heading{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#738b98;margin:15px 4px 6px}.side-bottom{font-size:9px;color:var(--muted);padding:15px 0;line-height:1.8;border-top:1px solid var(--line)}.side-bottom button{display:block;padding:6px 0 0;color:var(--accent);font-size:11px}.mainarea{padding:18px 20px 12px;display:flex;flex-direction:column;min-height:0;min-width:0}.workspace-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.segmented{border:1px solid #28404d;padding:3px;border-radius:7px;display:flex;flex:none;font-size:11px}.segmented button{padding:6px 10px;border-radius:4px;color:#8dabb9}.segmented button.active{color:#dff2f4;background:#264651}.controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:10px;color:var(--muted)}.controls label{display:flex;align-items:center;gap:7px}select{border:1px solid #2b404d;padding:7px;border-radius:5px;color:var(--text);background:#14232d}.controls select{font-size:10px}.alpha-control input{width:65px}input[type=range]{accent-color:#78b9bf;height:14px}input[type=checkbox]{accent-color:#78b9bf}.views{display:grid;grid-template-columns:1.13fr 1fr;grid-template-rows:1.12fr 1fr;gap:12px;min-height:480px;flex:1}.view{border:1px solid #2a3e49;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at center,#14232d 0%,#0b141c 75%);display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.view-heading{display:flex;justify-content:space-between;padding:12px 13px 6px;align-items:flex-start;z-index:2;pointer-events:none}.view-heading button{pointer-events:auto}.view-heading b{font-size:12px;font-weight:550}.view-heading small{display:block;font-size:9px;margin-top:2px}.view-heading output{font-size:10px;color:#9db3bf;font-variant-numeric:tabular-nums}.view>canvas{display:block;flex:1;min-height:0;width:100%;height:0}.axial-view{grid-row:span 2}.secondary-views{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.scene-canvases{position:relative;flex:1;min-height:0}.scene-canvases canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.scene-canvases #scene-overlay{pointer-events:none}.scene-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;font-size:10px;z-index:2}.presets{display:flex;gap:3px}.presets button{padding:6px 7px;background:#182832;border-radius:4px;color:#9db6c1}.scene-bottom>button{font-size:10px;color:var(--accent)}.empty-scene{position:absolute;inset:52px 18px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.empty-scene h2{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin-bottom:10px}.empty-scene p{font-size:11px;max-width:290px;color:var(--muted);margin-bottom:16px}.empty-scene .primary{font-size:11px;padding:9px 11px}.empty-scene a{font-size:11px;margin:12px 0 4px}.empty-scene small{font-size:9px}.source-symbol{font-size:38px;color:#72a8b7;line-height:1;margin-bottom:12px}.views.explore{grid-template-columns:1.2fr 1fr}.views.explore .scene-view{grid-row:1 / span 2;grid-column:1}.views.explore .axial-view{grid-row:1;grid-column:2}.views.explore .secondary-views{grid-row:2;grid-column:2}.selection{padding:16px 2px 7px;display:flex;justify-content:space-between;align-items:center;gap:20px}.selection h2{font-size:19px;line-height:1.2;margin:6px 0}.selection p{font-size:11px;color:var(--muted);margin:0;max-width:760px}.selection-status{text-align:right;flex:none}.badge{display:block;width:max-content;margin-left:auto;font-size:10px;color:var(--gold);border:1px solid #665039;padding:4px 8px;border-radius:5px;background:#332c21}.selection-status button{font-size:10px;padding:8px 0 0;color:var(--accent)}.separation-note{font-size:10px;color:#8c9ca4;border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.separation-note b{font-weight:550;color:#b9c5c9}footer{border-top:1px solid var(--line);padding:10px 24px;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:#7f949f}dialog{border:1px solid #385464;border-radius:12px;background:#13212b;color:var(--text);padding:26px;max-width:580px;width:calc(100% - 32px);box-shadow:0 25px 100px #0009;max-height:90vh;overflow:auto}dialog::backdrop{background:#02090cb8;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-header h2{font-size:23px;margin:6px 0 20px}.close{font-size:26px;line-height:1;padding:0 1px}.button-row{display:flex;gap:10px;align-items:center;margin:18px 0}.button-row button,.button-row a{font-size:12px}details{border-top:1px solid #2d414d;margin-top:18px;padding:13px 0}summary{color:#b6d0db;cursor:pointer;font-size:12px}details p{font-size:12px;color:#a8bcc6;margin:15px 0 0}.import-progress{margin-top:17px}.import-progress progress{width:100%;accent-color:var(--accent)}.import-progress span{display:block;font-size:12px;margin-top:5px;color:#bdd0d9}.error{background:#412b2b;border:1px solid #81504a;color:var(--danger);padding:12px;border-radius:7px;margin-top:15px}.feedback{position:fixed;inset:0 0 0 auto;max-height:100%;height:100%;max-width:440px;width:min(440px,100%);margin:0;border-radius:12px 0 0 12px;padding:27px}.feedback>p{color:#a4bdc8}.feedback-target{background:#233641;border:1px solid #355161;padding:12px;border-radius:6px;margin-bottom:21px;font-size:12px;color:#c5e1e8}.feedback form>label:not(.check){display:block;font-size:12px;margin:15px 0 7px}.feedback textarea,.feedback input:not([type=checkbox]),.feedback select{width:100%;border:1px solid #395462;background:#0d1b24;color:var(--text);border-radius:6px;padding:11px}.feedback textarea{resize:vertical;min-height:135px}.feedback small{display:block;font-size:10px;margin-top:6px}.feedback .check{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:11px}.feedback details label{display:block;margin:14px 0 5px;font-size:11px}.feedback .quiet{font-size:11px}.feedback #feedback-message{font-size:12px;padding-top:10px;color:#a3d8dc}.feedback #feedback-message.error{color:var(--danger)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.5 ui-monospace,monospace;background:#0b1820;padding:12px;border-radius:6px;color:#9fb9c4;max-height:250px;overflow:auto}code{font:11px ui-monospace,monospace;color:#c7dadf}.source-row{padding:10px 0;border-bottom:1px solid #293b47;font-size:12px}.source-row b{display:block;color:#8ba8b7;font-size:10px;margin-bottom:5px}.source-row div{overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:80vw;background:#24424c;color:#e6f6f7;padding:12px 20px;z-index:100;border-radius:8px;border:1px solid #538692;font-size:12px}.skip{position:absolute;left:15px;top:-100px;z-index:99;background:var(--accent);color:#081920;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1700px){.workspace{grid-template-columns:285px 1fr}.heading h1{font-size:32px}.mainarea{padding:22px 28px}.views{gap:16px}.empty-scene h2{font-size:28px}}
@media(max-width:1150px){.workspace{grid-template-columns:225px 1fr;min-height:820px}.top{padding:0 15px;gap:15px}.top nav{gap:12px}.brand{font-size:18px}.top nav a{max-width:125px;line-height:1.3}.mainarea{padding:15px 12px}.alpha-control{display:none!important}.controls{gap:9px}.segmented button{padding:6px}.selection-status{max-width:150px}.selection h2{font-size:17px}.scene-bottom{flex-direction:column;gap:4px}.scene-bottom .presets{font-size:9px}.empty-scene h2{font-size:20px}.source-symbol{display:none}.secondary-views{grid-template-columns:1fr 1fr}.view-heading{padding:10px 8px}.view-heading output{font-size:9px}.view-heading small{font-size:8px}}
@media(max-width:800px){.top{height:auto;min-height:75px;flex-wrap:wrap;padding:13px}.top nav{order:3;flex-basis:100%;justify-content:center;gap:22px}.top nav a{max-width:none}.top>.primary{margin-left:auto;font-size:11px;padding:9px 10px}.statusbar{padding:8px 12px;font-size:9px;gap:10px}.statusbar button{font-size:10px}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.heading{grid-row:span 2}.heading h1{font-size:23px;line-height:1.2}.heading h1 br{display:none}.heading p{font-size:11px;margin-bottom:0}.heading .eyebrow{font-size:9px}.data-status{align-self:end}.sidebar .search{grid-column:span 2;margin:8px 0}.sidebar .list-tools{grid-column:span 2}.structure-list{grid-column:span 2;max-height:180px;min-height:50px}.structure-item{padding:2px}.group-heading{margin-top:8px}.side-bottom{grid-column:span 2;padding:5px 0 0;display:flex;align-items:center;gap:5px}.side-bottom button{margin-left:auto;padding:0}.mainarea{padding:15px 12px}.workspace-tools{flex-wrap:wrap}.controls{margin-left:auto}.views{grid-template-columns:1fr;grid-template-rows:440px 400px 280px;min-height:0;flex:none;gap:12px}.axial-view,.scene-view,.secondary-views{grid-column:1!important;grid-row:auto!important}.views.explore{grid-template-columns:1fr;grid-template-rows:480px 340px 280px}.views.explore .scene-view{grid-row:1!important}.views.explore .axial-view{grid-row:2!important}.secondary-views{grid-template-columns:1fr 1fr}.view-heading small{font-size:9px}.empty-scene h2{font-size:26px}.empty-scene p{font-size:12px}.scene-bottom{flex-direction:row;padding:12px}.scene-bottom .presets{font-size:10px}.source-symbol{display:block}.selection{align-items:flex-start}.selection h2{font-size:16px}.selection-status{max-width:130px}.badge{font-size:9px;white-space:normal;width:auto}.selection p{font-size:10px}footer{padding:12px;flex-wrap:wrap;font-size:9px;gap:5px 20px}dialog{padding:20px}.feedback{padding:23px 19px}.feedback h2{font-size:23px}.separation-note{font-size:10px}}

/* Loaded reference additions */
.layer-presets{margin:0 0 8px;padding:6px 0;border:0;font-size:11px}.layer-presets summary{font-size:11px}.layer-presets>div{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px}.layer-presets button{font-size:10px;background:#1c3440;border-radius:4px;padding:5px 7px;color:#c8e3eb}.group-heading{display:flex;align-items:center;gap:7px}.group-heading input{margin:0}.source-row div{white-space:pre-line}.view-heading small{font-size:10px}.data-status{line-height:1.4}.views.explore{grid-template-columns:1.4fr 1fr;grid-template-rows:1.35fr 1fr}@media(max-width:800px){.layer-presets{grid-column:span 2}.views.explore{grid-template-columns:1fr;grid-template-rows:480px 340px 280px}}

/* 0.5: region-independent name, collapsible classes and direct linked navigation. */
.top{height:auto;min-height:79px;gap:18px;padding:14px 22px}.brand{min-width:0;flex:0 1 520px;align-items:flex-start}.brand img{margin-top:3px;flex:none}.atlas-name{font-size:18px;font-weight:550;letter-spacing:-.35px;line-height:1.3}.brand small{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:5px}.region-badge{font-size:10px;letter-spacing:.01em;text-transform:none;padding:2px 7px;border:1px solid #36515e;border-radius:4px;color:#d4e5eb}.top nav{margin-left:auto;margin-right:0;flex:none}.top>.primary{flex:none}.heading h1{font-size:20px;letter-spacing:-.35px;margin:8px 0 5px}.heading p{font-size:11px;margin:0 0 14px}.heading .eyebrow{font-size:9px}.workspace{min-height:680px;height:calc(100dvh - 162px)}.sidebar{padding-top:18px}.mainarea{padding-top:14px}.views{min-height:400px}.class-tools{display:flex;align-items:center;gap:8px;padding:8px 0 5px;font-size:10px;color:var(--muted)}.class-tools>span{margin-right:auto}.class-tools button{font-size:10px;padding:5px 0;color:#9cc9d4}.structure-class{margin:3px 0 8px}.class-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid #223640;min-height:36px;padding:0 4px}.class-header>input{flex:none;accent-color:var(--accent);width:14px;height:14px;margin:0}.class-header h2{margin:0;flex:1;font-size:12px;min-width:0}.class-disclosure{width:100%;display:flex;align-items:center;text-align:left;gap:8px;padding:8px 0;color:#bfd3dd}.class-disclosure .chevron{display:inline-block;transform:rotate(0deg);font-size:17px;line-height:1;transition:transform .12s}.class-disclosure[aria-expanded=true] .chevron{transform:rotate(90deg)}.class-name{text-transform:capitalize;font-size:11px;letter-spacing:.03em}.class-count{margin-left:auto;color:#89a5b4;font-size:10px;font-weight:400}.class-contents{padding:4px 0 1px 5px}.structure-list{padding-top:3px}.structure-class.has-selection>.class-header .class-name{color:var(--gold)}.class-visible-toggle{cursor:pointer}.workspace-tools{margin-bottom:5px;flex-wrap:wrap}.navigation-hint{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#94adb8;margin-bottom:8px;min-height:22px}.navigation-hint button{border:1px solid #35515f;border-radius:50%;width:23px;height:23px;flex:none;line-height:18px;padding:1px;color:#a5c6d0}.view-heading{gap:8px;padding:10px 10px 6px}.slice-position{display:flex;align-items:center;gap:3px;flex:none;font-size:9px;font-variant-numeric:tabular-nums;pointer-events:auto}.slice-position label{display:block}.slice-position input{width:56px;background:#13222c;border:1px solid #2b434f;border-radius:4px;color:#d5e8ed;font-size:10px;font-variant-numeric:tabular-nums;padding:4px 1px;text-align:center;appearance:textfield;-moz-appearance:textfield}.slice-position input::-webkit-inner-spin-button,.slice-position input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slice-position button{width:25px;height:28px;border-radius:4px;color:#bedbe4;padding:0;font-size:15px;line-height:1;background:#152732}.slice-position button:hover{background:#24424f}.position-unit{color:#829dab;font-size:9px}.section-canvas{touch-action:none;cursor:crosshair;outline-offset:-3px}.section-canvas:focus-visible{outline:2px solid #93bdcb}.plane-controls{display:flex;gap:5px;align-items:center;padding:2px 10px 8px;flex-wrap:wrap}.plane-controls>span{font-size:10px;color:#8ba7b6;margin-right:3px}.plane-toggle{display:flex;gap:5px;align-items:center;border:1px solid #304954;border-radius:5px;padding:4px 8px;font-size:10px;color:#d4e3e8;background:#12232c;min-height:27px}.plane-toggle.axial{--plane-color:#7cddd4}.plane-toggle.coronal{--plane-color:#f1bc75}.plane-toggle.sagittal{--plane-color:#99baff}.plane-toggle i{display:inline-block;height:5px;width:12px;background:var(--plane-color);border-radius:2px}.plane-toggle[aria-pressed=true]{border-color:var(--plane-color)}.plane-toggle[aria-pressed=false]{color:#728893;border-color:#293d47;background:transparent}.plane-toggle[aria-pressed=false] i{background:transparent;border:1px solid var(--plane-color)}.secondary-views .view-heading{flex-wrap:wrap}.secondary-views .view-heading small{display:none}.secondary-views .slice-position{margin-left:auto}.selection{padding-top:12px}.separation-note{line-height:1.4}
@media(prefers-reduced-motion:reduce){.class-disclosure .chevron{transition:none}}
@media(min-width:1700px){.atlas-name{font-size:20px}.heading h1{font-size:22px}}
@media(max-width:1150px){.top{gap:12px;padding:12px 14px}.atlas-name{font-size:16px}.brand{flex-basis:380px}.top nav{font-size:10px;gap:8px}.top>.primary{font-size:11px}.workspace{min-height:730px}.plane-controls{gap:4px;padding:2px 8px 6px}.plane-toggle{padding:4px 6px}.view-heading{flex-wrap:wrap}.slice-position{margin-left:auto}.heading h1{font-size:18px}.navigation-hint{font-size:9px}}
@media(max-width:800px){.top{padding:12px;flex-wrap:wrap}.brand{flex:1 1 250px}.atlas-name{font-size:16px}.top nav{margin:0;flex-basis:100%;order:3;font-size:11px}.top>.primary{margin-left:auto}.workspace{height:auto;min-height:0}.sidebar{padding:14px 12px}.heading h1{font-size:19px}.class-tools{grid-column:span 2}.structure-list{max-height:220px}.view-heading{flex-wrap:nowrap}.secondary-views .view-heading{flex-wrap:wrap;gap:4px}.slice-position input{width:57px}.views.explore{grid-template-rows:470px 330px 310px}.views:not(.explore){grid-template-rows:420px 450px 310px}.controls{margin-left:0}.plane-controls{padding:4px 10px 8px}.plane-toggle{min-height:32px;padding:5px 8px}.navigation-hint{font-size:9px}.selection{gap:12px}.class-disclosure{min-height:39px}.slice-position button{width:28px;height:30px}.secondary-views .position-unit{display:none}.top nav a{max-width:210px}.mainarea{padding:12px 10px}}

.status-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.status-actions button{white-space:nowrap}#release-details code{word-break:break-all}#release-details h3{font-size:13px;color:#cde3eb}#release-details p{color:#a9bfc9;font-size:12px}

/* Didactic anatomical-landmark panel — v0.12 */
.landmark-panel{margin:14px 0 0;border:1px solid #264252;border-radius:14px;background:#0d1a22;padding:14px 16px;box-shadow:0 10px 28px #0002}.landmark-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.landmark-head h2{margin:.18rem 0 .2rem;font-size:1.12rem}.landmark-head p{margin:.15rem 0}.landmark-summary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.landmark-chip{border:1px solid #36576a;border-radius:999px;padding:4px 8px;font-size:.78rem;color:#b9d4e1;background:#102631}.landmark-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.landmark-boundary{display:grid;grid-template-columns:88px 1fr auto;align-items:start;gap:8px;text-align:left;padding:9px 10px;border:1px solid #244250;border-radius:9px;background:#10212b;color:#dcebf2}.landmark-boundary:hover,.landmark-boundary:focus-visible{border-color:#5ed7e5;background:#12303a}.landmark-boundary.active{border-color:#70f2ff;box-shadow:0 0 0 1px #70f2ff inset}.landmark-boundary strong{text-transform:capitalize;color:#83dce8}.landmark-boundary small{color:#89a7b5}.landmark-boundary .virtual{color:#f4c46d}.landmark-usedby{display:flex;flex-wrap:wrap;gap:5px}.landmark-usedby button{border:1px solid #3c6578;border-radius:999px;background:#132b36;color:#bfe9f0;padding:4px 7px}.landmark-panel .secondary{white-space:nowrap}@media(max-width:760px){.landmark-boundaries{grid-template-columns:1fr}.landmark-head{align-items:center}.landmark-boundary{grid-template-columns:74px 1fr auto}}

/* Consensus OAR teaching library (v0.13) */
.oar-library{margin:14px 0 2px;border:1px solid rgba(137,211,224,.18);border-radius:10px;background:rgba(8,25,32,.45);overflow:hidden}
.oar-library>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-weight:700;color:#e8f7fa;list-style:none}
.oar-library>summary::-webkit-details-marker{display:none}
.oar-library>summary:before{content:'›';color:#78d5df;transition:transform .15s ease}.oar-library[open]>summary:before{transform:rotate(90deg)}
.oar-library>summary small{margin-left:auto;color:#85a8b1;font-weight:500;font-size:11px}
.oar-intro{padding:0 12px 10px;margin:0;font-size:11px;line-height:1.45}
.oar-list{display:grid;gap:3px;padding:0 7px 8px;max-height:350px;overflow:auto}
.oar-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dcecef;text-align:left;font-size:12px;cursor:pointer}
.oar-item:hover,.oar-item:focus-visible{background:#102b35;border-color:#27505b}.oar-item.active{background:#173844;border-color:#69d1dc;color:#fff}
.oar-item small{white-space:nowrap;padding:2px 5px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.oar-item small.mesh{color:#8ee6d5;background:#10392f}.oar-item small.definition{color:#d2b9ff;background:#302448}

.version-chip{display:inline-flex;vertical-align:middle;margin-left:.5rem;padding:.16rem .46rem;border:1px solid rgba(117,214,225,.42);border-radius:999px;background:rgba(65,145,160,.14);color:#91e0e8;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;white-space:nowrap}.brand:hover .version-chip{border-color:rgba(145,224,232,.7)}

/* CR-0142-02 — Full-height left browser. The entire sidebar scrolls as one region,
   so the anatomy class list is not trapped in a short internal viewport. */
@media (min-width:801px){
  .sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#334d59 transparent}
  .structure-list{overflow:visible;flex:none;min-height:0;max-height:none}
  .oar-list{max-height:none;overflow:visible}
  .side-bottom{flex:none}
}

/* v0.16 millimetric axial reconstruction substrate */
.slice-atlas-panel{margin-top:14px;border:1px solid rgba(94,243,255,.24);border-radius:14px;background:rgba(7,18,28,.76);padding:16px}
.slice-atlas-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.slice-atlas-head h2{margin:.15rem 0 .2rem}.slice-atlas-head p{margin:0}.slice-atlas-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.slice-atlas-metrics>span{display:flex;flex-direction:column;padding:10px;border-radius:10px;background:rgba(255,255,255,.045)}.slice-atlas-metrics b{font-size:1.15rem}.slice-atlas-metrics small{opacity:.7}.slice-atlas-panel details{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.slice-atlas-panel summary{cursor:pointer;font-weight:650}.slice-atlas-structures{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:10px;max-height:240px;overflow:auto}.slice-structure{display:flex;flex-direction:column;text-align:left;gap:2px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:8px;padding:8px 10px}.slice-structure:hover,.slice-structure.active{border-color:rgba(94,243,255,.55);background:rgba(94,243,255,.08)}.slice-structure small{opacity:.65}.reconstruction-state{margin-top:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.035)}.reconstruction-state p{margin:.4rem 0 .7rem}.confidence-legend{display:flex;flex-wrap:wrap;gap:6px}.confidence-legend span{font-size:.76rem;padding:4px 7px;border-radius:999px;border:1px solid currentColor}.confidence-legend .s0{color:#72df9a}.confidence-legend .s1{color:#62e1d4}.confidence-legend .s2{color:#f4c45e}.confidence-legend .s3{color:#ff7d7d}.confidence-legend .s4{color:#7faeff}@media(max-width:760px){.slice-atlas-metrics{grid-template-columns:1fr 1fr 1fr}.slice-atlas-structures{grid-template-columns:1fr;max-height:300px}}

/* v0.17 atlas-wide hierarchical structure taxonomy */
.structure-subgroup{margin:3px 0 6px 4px;border-left:1px solid #213844;padding-left:5px}.subgroup-header{display:flex;align-items:center;gap:7px;min-height:31px}.subgroup-header>input{width:13px;height:13px;flex:none;margin:0;accent-color:var(--accent)}.subgroup-disclosure{flex:1;min-width:0;display:flex;align-items:center;gap:7px;text-align:left;padding:5px 2px;color:#aac2cc}.subgroup-disclosure .chevron{font-size:15px;line-height:1;transition:transform .12s}.subgroup-disclosure[aria-expanded=true] .chevron{transform:rotate(90deg)}.subgroup-name{font-size:10.5px;font-weight:600}.subgroup-count{margin-left:auto;color:#728e9b;font-size:9.5px}.subgroup-contents{padding:1px 0 2px 9px}.structure-subgroup.has-selection>.subgroup-header .subgroup-name{color:var(--gold)}.structure-class[data-group="vessels"] .class-header{border-left:3px solid #7aa6c7;padding-left:5px}.structure-class[data-group="bones"] .class-header{border-left:3px solid #d9cfb8;padding-left:5px}.structure-class[data-group="lymphatics"] .class-header{border-left:3px solid #80caaa;padding-left:5px}@media(prefers-reduced-motion:reduce){.subgroup-disclosure .chevron{transition:none}}

/* v0.19 — HUD-first workspace shell */
.hud-layout{overflow-x:hidden}.hud-layout>.top,.hud-layout>.statusbar{display:none}.hud-shell{position:fixed;top:10px;left:12px;right:12px;z-index:40;pointer-events:none}.hud-rail,.hud-branch{pointer-events:auto;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);background:linear-gradient(180deg,rgba(15,29,38,.9),rgba(8,19,27,.82));border:1px solid rgba(130,205,215,.24);box-shadow:0 12px 38px #0008, inset 0 1px rgba(255,255,255,.04)}.hud-rail{min-height:48px;border-radius:14px;padding:6px 8px;display:flex;align-items:center;gap:8px}.hud-brand{display:flex;align-items:center;gap:8px;color:#e8f3f6;padding:4px 8px;white-space:nowrap}.hud-brand span{font-weight:700;letter-spacing:-.02em}.hud-brand small{font:600 9px/1 ui-monospace,monospace;color:#7fdce3;border:1px solid #37626a;border-radius:999px;padding:4px 6px}.hud-nav{display:flex;gap:3px;min-width:0}.hud-nav button,.hud-selection,.hud-region{border:1px solid transparent;border-radius:9px;padding:8px 10px;color:#a9bdc7;background:transparent;white-space:nowrap}.hud-nav button:hover,.hud-nav button[aria-expanded=true],.hud-selection:hover{background:rgba(91,196,207,.11);border-color:rgba(102,205,216,.25);color:#eefbfc}.hud-selection{margin-left:auto;max-width:260px;overflow:hidden;text-overflow:ellipsis;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#dcecef}.hud-region{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#79ccd4;border-color:rgba(121,204,212,.18);padding:7px 9px}.hud-branches{display:flex;justify-content:flex-start;padding:7px 0 0 44px}.hud-branch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:min(900px,calc(100vw - 40px));border-radius:12px;padding:7px}.hud-branch[hidden]{display:none}.hud-branch button{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.04);padding:7px 10px;color:#bed0d8}.hud-branch button:hover{border-color:rgba(108,220,229,.35);background:rgba(77,187,197,.12);color:#fff}.hud-branch label{display:flex;align-items:center;gap:7px;padding:0 8px;color:#93aab6;font-size:11px}.hud-branch input[type=range]{width:90px}.hud-state{font-size:10px;color:#829aa6;padding:0 7px}.hud-layout .workspace{grid-template-columns:1fr;height:100vh;min-height:720px;padding-top:64px}.hud-layout .mainarea{padding:10px 12px 12px}.hud-layout .workspace-tools,.hud-layout .lymphatic-toolbar,.hud-layout .navigation-hint{display:none}.hud-layout .views{min-height:0}.hud-layout .sidebar{position:fixed;z-index:45;left:12px;top:66px;bottom:12px;width:min(360px,calc(100vw - 24px));border:1px solid rgba(125,202,211,.24);border-radius:15px;background:rgba(9,21,29,.96);box-shadow:0 25px 80px #000b;transform:translateX(calc(-100% - 24px));transition:transform .18s ease;overflow-y:auto;padding-top:22px}.hud-layout .sidebar.hud-open{transform:translateX(0)}.drawer-close{position:sticky;top:0;margin-left:auto;display:block;z-index:3;width:32px;height:32px;border:1px solid #304854;border-radius:9px;background:#142630;color:#bcd2db;font-size:22px;line-height:1}.hud-layout .selection,.hud-layout .landmark-panel,.hud-layout .slice-atlas-panel,.hud-layout .separation-note{max-width:1500px;margin-left:auto;margin-right:auto}.hud-layout footer{display:none}.hud-layout .view{border-color:rgba(112,175,188,.24);border-radius:13px;background:radial-gradient(ellipse at center,#11232d 0%,#08131b 78%);box-shadow:inset 0 1px rgba(255,255,255,.025)}.hud-layout .view-heading{background:linear-gradient(180deg,rgba(7,18,25,.74),transparent)}.hud-layout .plane-controls{position:absolute;top:48px;left:10px;z-index:5;background:rgba(8,20,27,.72);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:5px;backdrop-filter:blur(10px)}.hud-layout .scene-bottom{position:absolute;left:8px;right:8px;bottom:4px}.hud-layout .presets{background:rgba(8,19,27,.74);border:1px solid rgba(255,255,255,.06);padding:3px;border-radius:9px;backdrop-filter:blur(10px)}
@media(max-width:900px){.hud-shell{top:6px;left:6px;right:6px}.hud-rail{overflow-x:auto;scrollbar-width:none}.hud-brand span{display:none}.hud-region{display:none}.hud-nav button{padding:8px}.hud-selection{max-width:150px}.hud-branches{padding-left:0}.hud-layout .workspace{padding-top:58px}.hud-layout .mainarea{padding:6px}.hud-layout .sidebar{left:6px;top:60px;bottom:6px}.hud-layout .views.explore{grid-template-rows:52vh 38vh 34vh}.hud-layout .view{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.hud-layout .sidebar{transition:none}}

/* v0.20 — contour adjudication + compact HUD */
.section-stage{position:relative;flex:1;min-height:0;width:100%}.section-stage>.section-canvas{position:absolute;inset:0;width:100%;height:100%}.contour-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:8;touch-action:none;cursor:crosshair}.contour-tools button.active{border-color:#63f3da;background:rgba(99,243,218,.14);color:#f3ffff}.contour-tools #hud-contour-start.active{border-color:#e0b66f;color:#ffe8bd}.hud-layout.contour-active .axial-view{box-shadow:0 0 0 1px rgba(99,243,218,.35),0 0 30px rgba(46,215,197,.08)}
@media(max-width:900px){.hud-nav{flex:0 0 auto}.hud-nav button{font-size:11px;padding:7px 8px}.hud-selection{display:none}.hud-brand small{font-size:8px}.hud-branch{max-width:calc(100vw - 12px);overflow-x:auto;flex-wrap:nowrap}.hud-branch button,.hud-branch label,.hud-state{flex:none}.hud-rail{gap:2px}.hud-brand{padding:3px 5px}}

/* v0.20.1 corrective — desktop HUD viewport regression.
   The v0.20 HUD fixed the workspace to one viewport while the landmark and
   reconstruction panels remained in the same flex column. On desktop this
   allowed the graphics grid to flex-shrink to zero height. Keep the HUD fixed,
   but let the document flow vertically and give the graphics workspace an
   explicit, non-shrinkable viewport. */
@media (min-width:901px){
  .hud-layout .workspace{
    height:auto;
    min-height:100vh;
    overflow:visible;
  }
  .hud-layout .mainarea{
    display:block;
    min-height:0;
    overflow:visible;
  }
  .hud-layout .views{
    display:grid;
    height:clamp(640px,calc(100vh - 92px),920px);
    min-height:640px;
    flex:none;
    margin-bottom:14px;
  }
  .hud-layout .views.explore{
    grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);
    grid-template-rows:minmax(300px,1fr) minmax(260px,.9fr);
  }
  .hud-layout .scene-view,
  .hud-layout .axial-view,
  .hud-layout .secondary-views{
    min-height:0;
  }
}
/* v0.22 planning HUD */
.contour-tools select{min-width:150px;max-width:240px;background:rgba(8,26,34,.94);color:inherit;border:1px solid rgba(130,216,224,.28);border-radius:9px;padding:.48rem .62rem}
.structure-item button[aria-pressed="true"]{outline:1px solid rgba(255,216,106,.7);background:rgba(255,216,106,.08)}

.hud-case-menu{color:#bdf4df!important;border-color:rgba(102,226,181,.16)!important}.hud-case-menu[aria-expanded=true]{background:rgba(70,190,150,.13)!important;border-color:rgba(102,226,181,.34)!important}.hud-case-branch{border-color:rgba(102,226,181,.25)}
