/* Extended observation workspace */
.observation-panel{position:absolute;z-index:35;left:132px;top:12px;bottom:12px;width:310px;overflow:auto;background:#fffcf7;border:1px solid #ded5ce;padding:16px;box-shadow:0 14px 40px #42302b18;border-radius:10px}.observation-panel[hidden]{display:none}.observation-panel h2{font-size:18px}.observation-panel details{border-bottom:1px solid #e6ded7;padding:13px 0}.observation-panel summary{font-size:14px;cursor:pointer;font-weight:600}.observation-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:12px}.observation-panel label input[type=range]{width:120px}.observation-panel select{max-width:190px}.observation-panel small{display:block;color:#81746d;line-height:1.6;font-size:11px;margin-top:8px}.observation-panel button,.observation-panel select,.observation-panel input:not([type=range]):not([type=checkbox]),.observation-panel textarea{font:inherit;font-size:12px;border:1px solid #dcd2cb;border-radius:5px;background:#fffaf5;padding:7px;color:#453d38}.observation-panel button{cursor:pointer}.observation-panel button:hover{border-color:#a74569;color:#943955}.observation-panel textarea{width:100%;box-sizing:border-box;margin-top:12px;resize:vertical}.tool-row{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}#view-name{margin-top:12px;width:100%;box-sizing:border-box}#saved-views>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px}#saved-views>div>button:first-child{flex:1;text-align:left}#smart-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}#smart-labels button{position:absolute;left:0;top:0;pointer-events:auto;border:1px solid #d9c5c9;border-radius:4px;background:#fffdf5e8;color:#633c50;padding:3px 5px;white-space:nowrap;cursor:pointer}#smart-labels button[hidden]{display:none}#annotation-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}#annotation-canvas.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}#annotation-note{position:absolute;bottom:32px;left:20px;max-width:55%;max-height:110px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.5;background:#fffdf3df;padding:8px 12px;border-left:3px solid #b5416f;z-index:8;pointer-events:none}#stage[data-background=dark]{background:#202329}#stage[data-background=white]{background:#fff}#stage[data-background=dark] .stage-caption,#stage[data-background=dark] .source-note{color:#eee}#pinned-diagram{position:absolute;right:12px;top:125px;width:180px;max-height:60%;overflow:auto;background:#fffcf5;border:1px solid #ddd1c8;z-index:12;border-radius:6px}#pinned-diagram[hidden]{display:none}#pinned-diagram>div{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;font-size:12px}#pinned-diagram img{width:100%;display:block}#pinned-diagram button{background:none;border:0;cursor:pointer;font-size:20px}
.asset-dialog{width:min(1100px,94vw);height:min(790px,90vh);max-width:94vw;max-height:90vh;box-sizing:border-box;border:1px solid #d8cbc5;border-radius:12px;padding:22px;background:#faf6ef;color:#493c37;box-shadow:0 24px 80px #1a11174a;overflow:hidden}.asset-dialog::backdrop{background:#24181b85;backdrop-filter:blur(3px)}.asset-heading{display:flex;justify-content:space-between;align-items:center}.asset-heading small{color:#936978;font-size:11px;letter-spacing:.1em}.asset-heading h2{font-size:24px;margin:3px 0 14px}.asset-heading button{border:0;background:none;font-size:25px;cursor:pointer}.asset-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #dacfc7;padding-bottom:10px}.asset-tabs button,.asset-actions button,.asset-actions a{border:1px solid #ded2cb;background:transparent;border-radius:5px;padding:7px 10px;cursor:pointer;color:inherit;font:inherit;font-size:12px;text-decoration:none}.asset-tabs button.active{background:#743c54;color:white;border-color:#743c54}.asset-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;height:calc(100% - 117px);padding-top:16px}.asset-layout>aside{min-height:0;display:flex;flex-direction:column}.asset-layout input{box-sizing:border-box;width:100%;background:#fff;border:1px solid #ddd0c8;border-radius:5px;padding:9px;font:inherit;font-size:12px}.asset-count{display:block;margin:9px 0;color:#8b796c;font-size:11px}.asset-list{overflow:auto;flex:1}.asset-list>button{display:block;width:100%;border:0;border-bottom:1px solid #e8dfd6;background:none;text-align:left;padding:12px 7px;font:inherit;font-size:12px;cursor:pointer;color:#4c4140;overflow-wrap:anywhere}.asset-list>button:hover,.asset-list>button.active{background:#f0e2e5;color:#893d5b}.asset-list small{display:block;color:#9b8288;margin-top:4px}.asset-preview{min-width:0;min-height:0;display:flex;flex-direction:column}.asset-preview h3{font-size:18px;margin:0 0 6px;overflow-wrap:anywhere}.asset-note{font-size:12px;line-height:1.6;margin:0 0 10px;color:#8b766c}.asset-actions{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}.asset-actions select{max-width:100%;min-width:140px;padding:6px;background:#fff;border:1px solid #dbcec6;border-radius:5px;font-size:12px}.asset-media{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:center;background:#fffdf8;border-radius:6px}.asset-media>img{max-width:100%;max-height:100%;object-fit:contain}.asset-webgl,.lottie-preview{width:100%;height:100%;min-height:220px}.asset-webgl canvas{display:block}.lottie-preview{overflow:hidden}.lottie-preview svg{max-height:100%;max-width:100%}.asset-status-item{padding:10px 6px;border-bottom:1px solid #dfd4cb;font-size:12px}.asset-status-item p{line-height:1.7;color:#8d786f}.asset-status-links{display:flex;flex-direction:column;gap:20px;padding:20px}.asset-status-links a{font-size:13px;color:#8c3f60;overflow-wrap:anywhere}
@media(max-width:760px){.observation-panel{left:10px;right:10px;top:10px;width:auto;max-width:330px;bottom:10px}.asset-dialog{padding:14px;width:96vw;max-width:96vw;height:92dvh;max-height:92dvh}.asset-heading h2{font-size:20px}.asset-layout{grid-template-columns:125px 1fr;gap:10px;height:calc(100% - 120px)}.asset-list>button{padding:10px 3px;font-size:11px}.asset-tabs{gap:4px}.asset-tabs button{padding:6px;font-size:11px}.asset-actions button,.asset-actions a{padding:5px;font-size:11px}.asset-preview h3{font-size:15px}.asset-note{font-size:11px}.asset-webgl,.lottie-preview{min-height:160px}#pinned-diagram{width:125px;top:135px;max-height:45%}}
@media(prefers-reduced-motion:no-preference){.asset-dialog[open]{animation:asset-in .18s ease-out}@keyframes asset-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

.observation-panel,.asset-dialog{color-scheme:light;color:#493c37}.asset-actions select{color:#493c37}.observation-panel .anatomy-panel-head h2{color:#493c37}.observation-panel input[type=checkbox]{accent-color:#a34c70}#stage[data-background=warm]{background:#f3eee6}#stage[data-background=warm] .stage-caption,#stage[data-background=white] .stage-caption{color:#51463e}

.asset-media pre{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;align-self:flex-start;padding:15px}.asset-dialog{display:none}.asset-dialog[open]{display:flex;flex-direction:column}.asset-layout{height:auto;flex:1;min-height:0}.asset-tabs{flex-shrink:0}.asset-media>p{padding:20px;overflow-wrap:anywhere}

.export-dialog{color-scheme:light;background:#faf6ef;color:#493c37;border:1px solid #d8cbc5;border-radius:10px;padding:16px;max-width:92vw;max-height:90vh;width:min(700px,92vw)}.export-dialog::backdrop{background:#20172099}.export-dialog>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:15px;font-size:12px}.export-dialog a{color:#8c3f60;margin-left:auto}.export-dialog img{display:block;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.export-dialog textarea{width:100%;height:65vh;font-size:11px;resize:none;color:#493c37;background:#fff;border:1px solid #ddd}
#annotation-note{color:#493c37}

#meridian-flow{border-bottom:1px solid var(--line);padding:0 0 14px;margin:-5px 0 14px;text-align:left}
#meridian-flow .flow-toggle{color:var(--gold);font-size:13px;min-height:32px}
#meridian-flow small{display:block;font-size:10px;color:var(--muted);line-height:1.6}
#flow-status{margin:3px 0 6px}
#meridian-flow summary{font-size:10px;color:#c5b392;cursor:pointer;line-height:1.6}
#flow-note{margin-top:5px}
#flow-options[hidden]{display:none}
#flow-options label{font-size:10px;min-height:28px;justify-content:space-between;color:var(--muted)}
#flow-options output{color:var(--gold)}
#flow-speed{margin:0 0 8px;min-height:24px;width:100%}
@media(max-width:760px){#meridian-flow{text-align:center;padding-bottom:10px;margin-bottom:10px}#meridian-flow .flow-toggle{font-size:9px;min-height:48px}#meridian-flow small,#meridian-flow summary{font-size:8px}#flow-options label{flex-direction:row;font-size:8px;gap:2px}#flow-note{overflow-wrap:anywhere}}

.directory-switch{display:flex;border-bottom:1px solid var(--line);gap:24px;margin:8px 0 14px;flex-shrink:0}
.directory-switch button{flex:1;padding:11px 0;font-size:13px;border-bottom:2px solid transparent;color:var(--muted)}
.directory-switch button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
#meridian-directory-quick{color:var(--gold);text-align:left;padding:9px 0;margin:0 13px 10px;border-bottom:1px solid #5c5140;font-size:11px;flex-shrink:0}
#directory-tree{flex:1;overflow:auto;min-height:100px;border-top:1px solid var(--line)}
.directory-category{border-bottom:1px solid var(--line)}
.directory-category-row,.directory-item{display:flex;align-items:center;gap:9px;min-height:52px}
.directory-category-row input,.directory-item input{width:16px;height:16px;accent-color:var(--gold);margin:0;flex-shrink:0}
.directory-expand{flex:0 0 25px;min-height:36px;padding:0;font-size:18px;color:#c7b48e}
.directory-category-name,.directory-item-name{text-align:left;flex:1;padding:10px 0;min-width:0;font-size:15px;line-height:1.5}
.directory-category-row>small,.directory-item>small{font-size:10px;color:var(--muted);white-space:nowrap}
.directory-children{padding:0 0 10px 10px}
.directory-item{min-height:42px;gap:7px}.directory-item-name{font-size:12px}.directory-item input{width:14px;height:14px}
.directory-points{padding:0 0 7px 30px}
.directory-point{display:flex;width:100%;gap:10px;justify-content:space-between;padding:10px 8px;border-bottom:1px solid #ffffff08;text-align:left;font-size:12px;min-height:38px}
.directory-point small{font-size:9px;color:var(--muted);white-space:nowrap}.directory-point:hover:not(:disabled),.directory-item:hover{background:#ffffff05}
.directory-help{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0}
#meridian-directory{padding:12px 14px}
#meridian-directory .anatomy-panel-head small{display:none}
#meridian-directory .anatomy-panel-head h2{font-size:18px;margin:0}
#meridian-directory .directory-switch{margin:0 0 8px}
#meridian-directory .directory-switch button{padding:7px 0}
#meridian-directory .anatomy-tools{padding:5px 0}
#meridian-directory .directory-category-row{min-height:38px}
#meridian-directory .directory-category-name{font-size:14px;padding:7px 0}
@media(min-width:761px){main.meridian-directory-open{grid-template-columns:350px minmax(0,1fr) 158px}.meridian-directory-open>.layers{display:none}}
@media(max-width:760px){#meridian-directory-quick{padding:7px 0;margin:0 5px 7px;font-size:9px;line-height:1.5;text-align:center}#meridian-directory .directory-category-row{min-height:54px}.directory-switch{margin:5px 0 10px}.directory-points{padding-left:20px}}

/* Teaching workspace: compact tools stay outside the model canvas. */
.study-panel{position:absolute;z-index:36;left:12px;top:12px;bottom:12px;width:335px;max-width:calc(100% - 24px);background:#202227;border:1px solid #62543d;padding:15px;overflow:auto;box-shadow:10px 0 30px #0004;color:#e9e6df}
.study-panel[hidden],.study-panel [hidden]{display:none!important}.study-panel h2{font-size:19px;font-weight:500;margin:3px 0}.study-panel p,.study-panel small{font-size:11px;line-height:1.75;color:var(--muted)}.study-panel label{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;margin:12px 0}.study-panel input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}.study-panel input:not([type=checkbox]):not([type=range]),.study-panel select,.study-panel textarea{background:#17191d;border:1px solid #515159;color:#eee;padding:8px;font:inherit;font-size:12px;min-width:0}.study-panel textarea,.study-panel input[type=text]{width:100%}.study-panel input[type=number]{width:68px}.study-panel select{max-width:100%;flex:1}.study-panel button{border:1px solid #575045;font-size:11px;padding:8px 10px;line-height:1.5;color:#e0c696}.study-panel button:hover:not(:disabled){background:#373226}.study-panel .anatomy-panel-head>button{border:0;font-size:24px;padding:0}.study-tool-label{padding-bottom:12px;border-bottom:1px solid var(--line)}.study-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.study-list{margin:10px 0;max-height:280px;overflow:auto}.study-list>div{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:5px 0}.study-list>div>button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}.study-list>div>button{border:0;padding:6px 4px;flex-shrink:0}.study-list>div.active{background:#443921}.study-list>button{display:block;width:100%;text-align:left;margin-bottom:5px}.study-panel ul{padding-left:18px;font-size:12px;line-height:1.9;color:#bfc0c5}.study-panel a{color:#dfbf83;font-size:12px}#study-point-count{font-size:12px;font-weight:500;color:var(--gold)}#study-anchors{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}#study-anchors button{position:absolute;left:0;top:0;pointer-events:auto;max-width:220px;padding:4px 7px;background:#252119e8;border-left:2px solid #f4d695;color:#ffe0a0;font-size:12px;line-height:1.5;text-align:left;overflow-wrap:anywhere}#study-anchors button[hidden]{display:none}#study-playback-status{position:absolute;left:20px;bottom:35px;max-width:80%;padding:7px 10px;background:#181a20dd;color:#ecd5a4;font-size:12px;z-index:9;pointer-events:none}#study-playback-status[hidden]{display:none}#point-list button.collected{border-color:#ffe0a0;box-shadow:inset 0 -3px #e5c37d}body.quiz-mode #point-list,body.quiz-mode .inspector,body.quiz-mode #focus-label,body.quiz-mode #smart-labels,body.quiz-mode #study-anchors{visibility:hidden!important}
#stage.split-stage>#canvas-wrap{right:50%}#stage.split-stage>.stage-caption{max-width:45%}#comparison-pane{position:absolute;left:50%;right:0;top:0;bottom:0;display:flex;flex-direction:column;border-left:1px solid #5b554a;background:#202329;z-index:3}.comparison-pane-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#dbc79f;padding:5px 10px;min-height:30px;border-bottom:1px solid #48443c}.comparison-pane-head button{font-size:20px;padding:0 5px}#comparison-pane iframe{width:100%;height:100%;flex:1;min-height:0;border:0}#stage.split-stage>.zoom{right:calc(50% + 10px)}#stage.split-stage>.source-note{max-width:43%}#stage.split-stage>#study-playback-status{max-width:43%}
body.comparison-child{grid-template-rows:minmax(0,1fr)}.comparison-child>header,.comparison-child>footer,.comparison-child .layers,.comparison-child .meridians{display:none!important}.comparison-child main{grid-template-columns:minmax(0,1fr)!important}.comparison-child #stage{grid-column:1;grid-row:1}.comparison-child .anatomy-panel{position:absolute;left:0;top:0;width:min(350px,100%);z-index:25}.comparison-child .stage-caption{left:10px;top:10px;max-width:90%}.comparison-child .stage-caption>span{font-size:12px}.comparison-child .stage-caption>small,.comparison-child #comparison-legend{display:none}.comparison-child .source-note{font-size:8px;max-width:80%}#comparison-child-tools{position:absolute;z-index:5;left:10px;top:94px;display:flex;gap:5px;flex-wrap:wrap}#comparison-child-tools button{font-size:10px;color:#e7c98c;border:1px solid #62543d;background:#202227dd;padding:6px}.comparison-child .observation-panel{left:8px;right:8px;width:auto;max-width:330px;z-index:35}.export-dialog video{display:block;width:100%;max-height:70vh;background:#16181c}
@media(max-width:760px){.study-panel{left:8px;right:8px;width:auto;max-width:340px;top:8px;bottom:8px}.study-panel h2{font-size:17px}.study-panel label{font-size:11px}#study-anchors button{font-size:10px;max-width:135px}#stage.split-stage>#canvas-wrap{right:0;bottom:50%}#comparison-pane{left:0;top:50%;border-left:0;border-top:1px solid #5b554a}#stage.split-stage>.stage-caption{max-width:85%}#stage.split-stage>.source-note{display:none}#stage.split-stage>.zoom{right:6px;bottom:calc(50% + 10px)}#stage.split-stage>#study-playback-status{font-size:9px;left:8px;bottom:calc(50% + 8px);max-width:80%}.comparison-pane-head{font-size:8px;min-height:25px}.comparison-child #comparison-child-tools{top:70px;gap:3px}.comparison-child .model-switch button{padding:3px 8px;min-height:24px}}

.comparison-child.comparison-layers-open .layers,.comparison-child.comparison-dong-open .meridians{display:flex!important;position:absolute;z-index:40;inset:0;width:100%;background:#202227;padding:12px;overflow:auto}.comparison-child .comparison-side-close{display:block;width:100%;padding:12px;border-bottom:1px solid #62543d;text-align:right;color:#dfbf83;flex-shrink:0}.comparison-child.comparison-layers-open .layers>.directory-open,.comparison-child.comparison-layers-open .layers>#anatomy-open{display:none}.comparison-child.comparison-dong-open #meridian-directory-quick{display:none}

#fascial-lines{border-top:1px solid #455451;margin-top:20px;padding-top:18px}#fascial-lines .section-name{color:#80afd4}#fascial-lines input{accent-color:#80afd4}#sbl-options[hidden]{display:none}#sbl-options p,#sbl-options small{font-size:10px;line-height:1.7;display:block;color:#a9bdb9}#sbl-options button,#sbl-section{width:100%;padding:8px 2px;background:#23332f;color:#a8cce5;border:1px solid #48665e;margin:8px 0;font-size:11px}#sbl-options a{color:#a8cce5;font-size:10px}.sbl-sides{display:flex;gap:10px}

#anatomy-trains-menu>summary{cursor:pointer;list-style:disclosure-closed;font-size:12px;margin-bottom:12px}#anatomy-trains-menu[open]>summary{list-style:disclosure-open}#anatomy-trains-menu>label{line-height:1.6}#anatomy-trains-menu>label small{font-size:9px;opacity:.7}

#sbl-unavailable[hidden]{display:none}#sbl-unavailable p{font-size:11px;line-height:1.7}#sbl-focus,#sbl-use-male{max-width:100%;width:100%;padding:8px 3px;background:#23332f;color:#a8cce5;border:1px solid #48665e;font-size:11px}.sbl-blue{color:#80b9e5}.sbl-amber{color:#f0c56f}#sbl-source-status{padding:8px 0;color:#afc5d4}

/* SBL study controls: compact, readable, separate evidence from reconstruction. */
#sbl-options .sbl-stacked{display:block;line-height:1.8}#sbl-options .sbl-stacked select{display:block;width:100%;margin:4px 0 12px}
#sbl-options .sbl-view-buttons,#sbl-options .sbl-stepper{display:flex;gap:5px}#sbl-options .sbl-stepper button{font-size:10px;margin:0 0 10px}#sbl-options button:disabled{opacity:.35;cursor:default}
#sbl-guide{border-left:2px solid #80b9e5;padding:9px 0 9px 9px;margin:0 0 14px;background:#80b9e508}#sbl-guide strong{display:block;font-size:13px;color:#d6e8f4;font-weight:500}#sbl-guide #sbl-step{font-size:9px;letter-spacing:.05em}#sbl-guide #sbl-chain{color:#b9d4e6;margin:6px 0 8px}#sbl-guide summary,.sbl-provenance summary{font-size:11px;cursor:pointer;color:#afc5d4;line-height:1.7}#sbl-guide b{font-size:10px;font-weight:500;color:#d2c19b}#sbl-options #sbl-gap{color:#cfbe9d}#sbl-options p{overflow-wrap:anywhere}#sbl-selection-note:empty{display:none}#sbl-options .sbl-legend{border-top:1px solid #ffffff12;padding-top:10px}#sbl-options .opacity{display:block}#sbl-options input[type=range]{display:block;width:100%;margin-top:7px}.sbl-provenance{margin:12px 0}
@media(max-width:760px){#sbl-options .sbl-view-buttons,#sbl-options .sbl-stepper{display:block}#sbl-guide{padding-left:5px}#sbl-guide strong{font-size:11px}#sbl-guide summary{font-size:10px}}
#sbl-stage-note{color:#a8cce5!important;border-left:2px solid #80b9e5;padding-left:7px;line-height:1.5}#sbl-stage-note[hidden]{display:none!important}
@media(max-width:760px){
 main:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open]){grid-template-columns:minmax(0,1fr) 70px;grid-template-rows:minmax(0,1fr) min(230px,34dvh)}
 main:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open])>.layers{grid-column:1/-1;grid-row:2;border-top:1px solid #48665e;border-right:0;text-align:left;padding:12px 16px;scroll-padding-top:12px}
 main:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open])>#stage{grid-column:1;grid-row:1}
 main:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open])>.meridians{grid-column:2;grid-row:1}
 .layers:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open])>:not(#fascial-lines){display:none!important}
 .layers:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open]) #fascial-lines{border:0;padding:0;margin:0}
 .layers:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open]) label{flex-direction:row;justify-content:flex-start;min-height:36px;gap:8px;font-size:12px}
 .layers:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open]) input[type=checkbox]{width:15px;height:15px}
 #sbl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
 #sbl-options>.sbl-sides,#sbl-options>.sbl-view-buttons,#sbl-options>.sbl-stacked,#sbl-options>.sbl-stepper,#sbl-guide,#sbl-selection-note,#sbl-options>.sbl-provenance,#sbl-options>.sbl-legend{grid-column:1/-1}
 #sbl-options .sbl-view-buttons,#sbl-options .sbl-stepper{display:flex}#sbl-options .sbl-stacked{display:block}#sbl-guide p,#sbl-options p,#sbl-options small{font-size:11px}#sbl-guide strong{font-size:14px}
}
#sbl-comparison{padding:9px 0;border-block:1px solid #80b9e525;margin:8px 0}#sbl-comparison summary{font-size:11px;color:#b9d4e6;cursor:pointer}#sbl-comparison-layers{display:grid;grid-template-columns:1fr 1fr;gap:2px 5px;margin-top:8px}#sbl-comparison-layers label{font-size:11px;gap:5px}#sbl-options #sbl-depth-note{font-size:10px;color:#cbbd9f}#sbl-comparison-layers input{flex-shrink:0}
@media(max-width:760px){#sbl-comparison,#sbl-depth-note{grid-column:1/-1}}
/* Alpha stays beside the layer it controls; no hidden second muscle control. */
#sbl-comparison-layers{display:block}.sbl-layer-row{padding:4px 0 9px;border-bottom:1px solid #ffffff0c}.sbl-layer-alpha{display:flex;align-items:center;gap:8px}.sbl-layer-alpha[hidden]{display:none!important}:is(#sbl-options,#sbl-comparison) .sbl-layer-alpha input[type=range]{flex:1;min-width:0;width:0;margin:3px 0}.sbl-layer-alpha output{font-size:10px;font-variant-numeric:tabular-nums;color:#b9d4e6;min-width:32px;text-align:right}.sbl-opacity-presets{display:flex;gap:5px}:is(#sbl-options,#sbl-comparison) .sbl-opacity-presets button{font-size:10px;min-height:32px}
@media(max-width:760px){#sbl-comparison-layers{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.sbl-layer-row{min-width:0}#sbl-comparison-layers label{font-size:12px}}

#anatomy-focus-bar{position:absolute;bottom:14px;left:20px;right:20px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#202329ed;border:1px solid #b9a574;padding:9px 12px;font-size:12px;color:#eee}
#anatomy-focus-bar[hidden]{display:none}
#anatomy-focus-bar button{white-space:nowrap;padding:7px;color:#eee;background:#434238;border:1px solid #867957}
.sbl-layer-row{display:grid;grid-template-columns:1fr auto;align-items:center}.sbl-layer-alpha{grid-column:1/-1}
:is(#sbl-options,#sbl-comparison) .sbl-layer-focus{font-size:10px;padding:3px 5px;min-height:28px}.sbl-gap-visible{border-left:2px solid #bfa56b;padding-left:8px;color:#d6c9ad!important}

#sbl-comparison{font-size:11px;color:#b8c1c8;margin-bottom:16px}#sbl-comparison summary{cursor:pointer;color:#e4d6ab}#sbl-comparison label{display:flex;align-items:center;gap:5px}#sbl-comparison p,#sbl-comparison small{font-size:10px;line-height:1.6}

.layers label[hidden]{display:none!important}#sbl-junctions{display:grid;grid-template-columns:1fr 1fr;gap:5px}

.layers details[hidden]{display:none!important}#sbl-options #sbl-junctions{display:grid;grid-template-columns:1fr 1fr}#sbl-options #sbl-junctions button{width:100%;min-width:0}

#anatomy-controls-close{display:none}
@media(max-width:760px){
 .layers:has(#anatomy-trains-menu[open],#sbl-comparison[open],#candidate-fascia[open]) #anatomy-controls-close{display:block;position:sticky;top:0;margin-left:auto;z-index:3;padding:8px 12px;min-height:36px;background:#303933;color:#f2ead6;border:1px solid #7b826f}
 #anatomy-focus-bar{left:7px;right:7px;bottom:8px;font-size:10px;padding:6px;align-items:center}
 #anatomy-focus-bar span{min-width:0;line-height:1.5}
 #anatomy-focus-bar button{min-height:36px}
}

#candidate-fascia{border-top:1px solid #505753;margin-top:12px;padding-top:10px}#candidate-fascia summary{cursor:pointer;color:#94d6c8;font-size:12px}#candidate-fascia small{display:block;font-size:10px;line-height:1.6;margin:8px 0;color:#c8c3af}#candidate-fascia label{display:flex;align-items:center;gap:7px;min-height:32px}#candidate-fascia a,#candidate-fascia button{font-size:11px;color:#94d6c8}#candidate-fascia input[type=range]{width:100px}
#candidate-fascia label:has(input[type=range]){display:block;white-space:nowrap;font-size:11px}#candidate-fascia input[type=range]{display:block;width:100%;margin:7px 0}
#other-fascia-lines{border-top:1px solid #555348;margin-top:14px;padding-top:10px;font-size:11px}#other-fascia-lines .fascia-intro{color:#e8d5b1;line-height:1.6}#other-fascia-lines small{display:block;color:#b9b6ac;font-size:10px;line-height:1.55;margin:6px 0}#other-fascia-lines label{display:flex;align-items:center;gap:6px;font-size:11px;min-height:32px;margin:3px 0}#other-fascia-lines select{display:block;width:100%;max-width:100%;background:#292c31;color:#e6d4b0;border:1px solid #5d605b;font:inherit;padding:7px 2px}#fascia-tools>label:has(select),#fascia-tools>label:has(input[type=range]){display:block}#fascia-alpha{width:100%;display:block;margin:8px 0}#other-fascia-lines button{font:inherit;color:#e5c991;border:1px solid #565c54;padding:6px 4px;margin:5px 0}#other-fascia-lines p{font-size:10px;line-height:1.6;color:#ccc8bf}#other-fascia-lines a{display:block;color:#b0d2cb;font-size:10px;margin:7px 0}#other-fascia-lines summary{font-size:11px;cursor:pointer}#fascia-gap{border-left:2px solid #be975a;padding-left:7px}#fascia-legend div{font-size:10px;line-height:1.8}.fascia-swatch{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;margin-right:4px}#fascia-model-note{color:#deb572!important}
#fascia-guide{background:#252a28;border-left:2px solid #aaba98;margin:10px 0;padding:9px}#fascia-guide strong{font-size:11px;color:#e2dbc8}#fascia-junctions,.fascia-stepper,#fascia-closeups{display:flex;flex-wrap:wrap;gap:4px}#fascia-junctions button,.fascia-stepper button,#fascia-closeups button{flex:1 1 45%;min-height:32px}#fascia-bone-alpha{width:100%;display:block;margin:6px 0}#fascia-part-note{color:#dcc08f!important}
#candidate-fascia label:has(select){display:block;font-size:11px}#candidate-fascia select{display:block;width:100%;font:inherit;padding:6px 2px;background:#292c31;color:#d0e6df;border:1px solid #5d605b;margin:6px 0}

#fascia-route-map{display:grid;gap:4px;margin:8px 0}#other-fascia-lines .fascia-route-station{display:block;width:100%;text-align:left;margin:0;line-height:1.5;border-left:3px solid #7eafa3;padding:7px}#other-fascia-lines .fascia-route-missing{border-left-color:#d4a66b;border-style:dashed;color:#dfb987}#other-fascia-lines .fascia-route-station[aria-pressed=true]{background:#45473f;outline:1px solid #d8c098}#fascia-route-map p{margin:5px 0}
#ll-abdomen-tools{border-block:1px solid #555348;padding:10px 0;margin:12px 0}#ll-abdomen-tools>strong{display:block;color:#e8d5b1;margin-bottom:7px}#ll-abdomen-tools>label:has(select),#ll-abdomen-tools>label:has(input[type=range]){display:block}#ll-abdomen-tools select{margin-top:5px}#ll-external-alpha{display:block;width:100%;margin:8px 0}#ll-abdomen-tools label:has(input:disabled){opacity:.55}
/* 解剖列車圖解配色：淺色舞台背景，比照印刷圖版 */
body.fascia-illustration #stage,body.sbl-illustration #stage{background:radial-gradient(ellipse at 50% 42%,#ffffff,#eceef3 78%)}
body.fascia-illustration .stage-caption,body.sbl-illustration .stage-caption{color:#2c3340}
body.fascia-illustration .stage-caption small,body.sbl-illustration .stage-caption small{color:#5b6270}
body.fascia-illustration .stage-caption>span,body.fascia-illustration #meridian-title,body.sbl-illustration .stage-caption>span,body.sbl-illustration #meridian-title{color:#2c3340}