:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;color:#e9e6df;background:#16181c;--gold:#d2af6c;--line:#35373b;--muted:#999da4;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100dvh;display:grid;grid-template-rows:74px minmax(0,1fr) 175px;overflow:hidden}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}header{display:flex;align-items:center;padding:0 25px;border-bottom:1px solid var(--line);gap:22px;background:#1c1e22;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:600;letter-spacing:.1em}.mark{font-size:36px;font-weight:300;color:var(--gold)}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.22em;margin-top:4px;font-weight:400}header nav{display:flex;gap:4px;margin:auto}header nav button{padding:10px 20px;font-size:13px;color:#b8bbc1;border-bottom:2px solid transparent}header nav button.active{border-color:var(--gold);color:var(--gold)}.reset{color:var(--gold);font-size:16px;min-width:62px}main{display:grid;grid-template-columns:170px minmax(0,1fr) 158px;min-height:0}.layers{padding:24px 19px 14px;border-right:1px solid var(--line);overflow:auto;background:#1b1d21}.section-name{font-size:11px;letter-spacing:.16em;color:#8d929b;margin-bottom:17px}.layers label{display:flex;align-items:center;gap:10px;min-height:37px;font-size:14px;cursor:pointer}.layers input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;margin:0}.divider{height:1px;background:var(--line);margin:13px 0}.layers .opacity{display:flex;flex-direction:column;align-items:stretch;font-size:11px;color:var(--muted);gap:10px;margin-top:20px}input[type=range]{accent-color:var(--gold);width:100%}.layer-note{font-size:10px;color:#777e88;line-height:1.8;margin-top:20px}#stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#252830,#17191e 70%)}#canvas-wrap{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}.stage-caption{position:absolute;left:25px;top:22px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:8px}.stage-caption>span{font-size:17px;letter-spacing:.1em}.stage-caption small{font-size:11px;color:var(--muted)}.meridians{background:#1f2126;border-left:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;min-height:0}.meridians .section-name{padding:0 20px}.meridians input{width:calc(100% - 26px);margin:0 13px 13px;background:#16181c;color:#eee;border:1px solid #393d43;padding:8px 10px;font-size:12px;border-radius:2px;min-width:0}#meridian-list{overflow-y:auto;flex:1}#meridian-list button{display:flex;align-items:center;width:100%;padding:16px 18px;text-align:left;border-left:3px solid transparent;border-top:1px solid #2d3036;font-size:16px;gap:8px;transition:background .18s}#meridian-list button:hover{background:#2c2e34}#meridian-list button.active{background:#d2af6c;color:#201c16;border-left-color:#f5dfb1;font-weight:600}#meridian-list small{margin-left:auto;font-size:10px;opacity:.55}footer{background:#202227;border-top:1px solid var(--line);padding:14px 25px 0;z-index:4;min-width:0}.points-head{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.points-head>span{letter-spacing:.16em}.points-head button{margin-left:auto;color:#b9b9bb;font-size:11px;padding:0 5px}#point-list{display:flex;gap:8px;overflow-x:auto;padding:12px 0 13px;min-height:72px}#point-list button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;gap:5px;padding:8px 12px;border:1px solid #43464d;border-radius:3px;transition:background .15s;color:#d7d7dc}#point-list button span{font-size:13px;letter-spacing:.12em}#point-list button small{font-size:9px;color:#a7aab0}#point-list button.active{background:var(--gold);border-color:var(--gold);color:#222}#point-list button.active small{color:#554323}.inspector{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #35373d;padding-top:13px;gap:12px}.inspector>div{display:flex;align-items:center;gap:14px;min-width:0}.code{font-size:11px;color:var(--gold);border-right:1px solid #4b4c4f;padding-right:14px;white-space:nowrap}.inspector strong{font-size:17px;font-weight:500;white-space:nowrap}#selected-context{font-size:11px;color:var(--muted)}#focus{background:var(--gold);color:#241f18;padding:9px 15px;font-size:12px;white-space:nowrap}#focus span{margin-left:15px}.zoom{position:absolute;right:15px;bottom:38px;display:flex;flex-direction:column;border:1px solid #4b4e56;background:#20232acc;z-index:2}.zoom button{width:34px;height:32px}.zoom button+button{border-top:1px solid #4b4e56}.source-note{position:absolute;left:20px;bottom:15px;font-size:10px;color:#7e838f;pointer-events:none}#loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#191c22;z-index:3;transition:opacity .5s}#loader.done{opacity:0;pointer-events:none}#loader strong{font-size:15px;font-weight:400}#loader small{color:var(--muted);font-size:11px}.spinner{width:28px;height:28px;border:1px solid #48443d;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.focus-label{position:absolute;padding:5px 10px;border:1px solid #caaa70;background:#181b22e8;color:#f3d28d;font-size:12px;pointer-events:none;white-space:nowrap;z-index:2}.focus-label:before{content:'';position:absolute;left:-10px;top:50%;width:10px;border-top:1px solid #caaa70}#notice{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);font-size:12px;color:#efd69a;background:#15171cdd;padding:10px 14px;max-width:80%;text-align:center;opacity:0;pointer-events:none}#notice.show{opacity:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#555861;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){body{grid-template-rows:57px minmax(0,1fr) 168px}header{padding:0 10px;gap:8px}.brand{font-size:13px;gap:6px;letter-spacing:.03em}.mark{font-size:24px}.brand small{font-size:8px;letter-spacing:.03em}header nav{gap:0;margin:auto 0 auto auto}header nav button{padding:8px;font-size:11px}.reset{font-size:21px;min-width:22px}.reset span{display:none}main{grid-template-columns:56px minmax(0,1fr) 70px}.layers{padding:15px 6px;text-align:center}.section-name{font-size:9px;margin-bottom:12px;letter-spacing:0}.layers label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-height:43px;justify-content:center}.layers input[type=checkbox]{width:11px;height:11px}.divider{margin:7px 0}.layers .opacity{font-size:9px;margin-top:11px;gap:6px}.layer-note{display:none}.meridians{padding-top:15px}.meridians .section-name{padding:0;text-align:center}.meridians input{width:60px;margin:0 5px 10px;padding:6px 4px;font-size:10px}#meridian-list button{padding:14px 6px;font-size:13px;justify-content:center}#meridian-list small{display:none}.stage-caption{left:10px;top:14px;gap:5px}.stage-caption>span{font-size:12px;letter-spacing:0}.stage-caption small{font-size:8px;max-width:130px;line-height:1.5}.source-note{font-size:8px;left:7px;bottom:7px;max-width:140px;line-height:1.5}.zoom{right:6px;bottom:35px}.zoom button{width:27px;height:29px}footer{padding:11px 11px 0}#point-list{gap:6px;padding:10px 0;min-height:69px}#point-list button{min-width:49px;padding:7px 8px}#point-list button span{font-size:12px}.inspector{padding-top:11px}.inspector>div{gap:8px}.inspector strong{font-size:15px}.code{padding-right:8px;font-size:10px}#selected-context{display:none}#focus{padding:9px 11px;font-size:11px}.focus-label{font-size:10px}#loader strong{font-size:12px}#loader small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.focus-label[hidden]{display:none!important}

.model-switch{display:flex;align-self:flex-start;pointer-events:auto;border:1px solid #565047;background:#191b20e8;margin-top:3px}.model-switch button{font-size:12px;padding:7px 16px;min-height:32px;color:#b6b7ba}.model-switch button.active{background:var(--gold);color:#211c16}.model-switch button:hover:not(.active){background:#36332e}.empty-points{font-size:12px;color:#999;align-self:center}@media(max-width:760px){.model-switch button{font-size:10px;padding:5px 10px;min-height:29px}}

#layer-context{font-size:10px;color:var(--gold);line-height:1.5;margin:0 0 9px}.layers .following-layer{min-height:48px}.layer-detail{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:2px}.following-layer.unavailable .layer-detail{color:#777e88}@media(max-width:760px){#layer-context{font-size:8px;margin-bottom:6px}.layers .following-layer{min-height:58px}.layer-detail{font-size:8px;margin-top:0;line-height:1.3}}

#layer-context strong{font-weight:400}#layer-context strong:before{content:"："}@media(max-width:760px){#layer-context span,#layer-context strong{display:block}#layer-context strong:before{content:""}}

/* Meridian colors are a data legend; the surrounding controls stay neutral. */
.meridian-tools{padding:0 13px 12px}.meridian-tools>small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.meridian-tools>div{display:flex;justify-content:space-between;gap:5px}.meridian-tools button{font-size:11px;padding:5px 3px;color:#d7c59f}.meridian-tools button:hover{background:#303238}#meridian-list button{padding-left:12px;gap:8px}#meridian-list button:before{content:"";width:12px;height:12px;flex:0 0 12px;border:1px solid #626771;border-radius:2px;line-height:12px;text-align:center;font-size:10px}#meridian-list button.active{background:#303238;color:#eee;border-left-color:var(--meridian-color);font-weight:500}#meridian-list button.active:before{content:"✓";background:var(--meridian-color);border-color:var(--meridian-color);color:#15171b}#meridian-list button.current{background:#3c3d40}#meridian-list button.current small{opacity:.85}.points-head select{font:inherit;color:var(--meridian-color,#e1c18b);background:#292c31;border:1px solid #555960;border-radius:2px;padding:5px 22px 5px 7px;min-width:80px;max-width:130px}.points-head select:focus-visible{outline:2px solid var(--gold)}.points-head label{white-space:nowrap}.points-head{gap:10px}#point-list{padding-top:8px;padding-bottom:8px;min-height:64px}.meridians .section-name{margin-bottom:10px}
@media(max-width:760px){.meridians .section-name{font-size:8px;padding:0 4px;line-height:1.5}.meridian-tools{padding:0 4px 7px}.meridian-tools>small{font-size:8px;text-align:center;margin-bottom:3px}.meridian-tools>div{flex-direction:column;gap:0}.meridian-tools button{font-size:9px;padding:6px 1px}#meridian-list button{padding:14px 3px;gap:4px;font-size:12px}#meridian-list button:before{width:10px;height:10px;flex-basis:10px;line-height:10px;font-size:9px}.points-head{gap:6px}.points-head select{min-width:68px;max-width:100px;padding:5px 16px 5px 5px;font-size:11px}#point-count{font-size:9px}.points-head button{font-size:10px}#point-list{padding-top:7px;padding-bottom:7px;min-height:61px}}

#anatomy-controls{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}#anatomy-controls summary{cursor:pointer;font-size:12px;line-height:1.6;color:#d5d8dc}#anatomy-count{font-size:9px;color:var(--muted);margin-left:5px}.anatomy-options{padding-top:7px}.anatomy-status{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0}#anatomy-reveal{font-size:11px;color:var(--gold);padding:7px 0}#anatomy-reveal[hidden]{display:none}.anatomy-options label:has(input:disabled){opacity:.45;cursor:default}@media(max-width:760px){#anatomy-controls{margin-top:8px;padding-top:8px}#anatomy-controls summary{font-size:9px}#anatomy-count{display:block;font-size:8px;margin-left:0}.anatomy-status{font-size:8px}#anatomy-reveal{font-size:9px;line-height:1.6}.anatomy-options label{font-size:10px}}

/* The anatomy directory shares the existing neutral/gold workspace. */
main{position:relative}#anatomy-open{border:1px solid #63573f;color:#e3c58f;padding:9px 10px;width:100%;text-align:left;font-size:12px;margin-bottom:12px}#anatomy-open span{float:right}#anatomy-open:hover{background:#343027}.anatomy-panel{position:absolute;left:0;top:0;bottom:0;width:min(370px,calc(100% - 90px));background:#202227;border-right:1px solid #62543d;z-index:6;box-shadow:12px 0 35px #0005;display:flex;flex-direction:column;min-height:0;padding:20px 16px 10px}.anatomy-panel[hidden],#anatomy-inspector[hidden]{display:none}.anatomy-panel-head{display:flex;align-items:center;justify-content:space-between}.anatomy-panel-head small{font-size:10px;letter-spacing:.15em;color:var(--gold)}.anatomy-panel h2{font-size:20px;font-weight:500;margin:6px 0}.anatomy-panel-head>button{font-size:26px;min-width:38px;min-height:38px;color:#bbb}#anatomy-menu-count{font-size:11px;color:var(--muted);margin:7px 0 14px}.anatomy-search-wrap{display:flex;border:1px solid #4b4d54;background:#181a1e}.anatomy-search-wrap input{width:100%;min-width:0;border:0;padding:11px;color:#eee;background:none;font-size:12px}.anatomy-search-wrap>button{width:34px}#anatomy-search-clear[hidden]{display:none}.anatomy-tools{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:11px}.anatomy-tools>span{color:var(--muted);margin-right:auto}.anatomy-tools button{padding:5px 0;color:#d3bd97}#anatomy-tree{flex:1;overflow:auto;min-height:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#anatomy-tree ul{list-style:none;padding:0;margin:0}.anatomy-row{display:flex;align-items:center;min-height:38px;padding:2px 3px 2px calc(var(--depth)*9px);border-bottom:1px solid #ffffff07;gap:7px}.anatomy-row:hover{background:#ffffff05}.anatomy-expand{width:20px;flex:0 0 20px;color:#b9ac91;padding:5px 0;font-size:16px}.anatomy-row input{accent-color:var(--gold);margin:0;width:14px;height:14px;flex:0 0 14px}.anatomy-name{font-size:12px;text-align:left;flex:1;min-width:0;line-height:1.5;padding:6px 0;overflow-wrap:anywhere}.anatomy-row>small{font-size:9px;color:#8b909a;white-space:nowrap}.anatomy-breadcrumb{font-size:9px;color:#969ba5;margin:0;padding:0 10px 9px 46px;line-height:1.5}.anatomy-empty{font-size:12px;line-height:1.7;padding:20px 12px;color:var(--muted)}.anatomy-more{font-size:12px;color:var(--gold);padding:14px;width:100%}#anatomy-load-status{font-size:11px;color:var(--gold);margin:0;padding:6px 0;line-height:1.5}#anatomy-load-status:empty{display:none}#anatomy-inspector{padding:11px 0 6px}#anatomy-inspector strong{font-size:14px;font-weight:500;color:#e4c896}#anatomy-selected-path{font-size:10px;color:var(--muted);margin:6px 0;line-height:1.5;max-height:32px;overflow:auto}#anatomy-inspector>div{display:flex;gap:8px}#anatomy-inspector button{padding:7px 9px;border:1px solid #665c49;font-size:11px;color:var(--gold)}#anatomy-inspector>small{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:6px}.anatomy-panel-foot{display:flex;gap:13px;align-items:center;padding-top:7px}.anatomy-panel-foot button{color:var(--gold);white-space:nowrap;font-size:11px;padding:8px 0}.anatomy-panel-foot p{font-size:9px;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:760px){#anatomy-open{padding:7px 2px;font-size:10px;text-align:center;line-height:1.5}#anatomy-open span{display:none}.anatomy-panel{width:min(350px,calc(100% - 48px));padding:13px 12px 8px}.anatomy-panel h2{font-size:17px}#anatomy-menu-count{margin:4px 0 10px}.anatomy-row{min-height:40px}.anatomy-panel-foot{gap:9px}.anatomy-panel-foot p{font-size:8px}#anatomy-inspector{padding-top:7px}.anatomy-panel-head small{font-size:9px}}

@media(min-width:761px){main.anatomy-directory-open{grid-template-columns:350px minmax(0,1fr) 158px}.anatomy-directory-open>.layers{display:none}.anatomy-panel{position:relative;grid-column:1;grid-row:1;width:auto;box-shadow:none;padding-right:14px}}

#point-search{min-width:0;width:135px;padding:5px 8px;font-size:11px;color:#eee;background:#181a1e;border:1px solid #4b4d54;border-radius:2px}.points-head>small{white-space:nowrap}#dong-location{font:inherit;font-size:11px;max-width:125px;flex-shrink:0;color:var(--gold);background:#292c31;border:1px solid #555960;padding:6px 4px}#dong-location[hidden]{display:none}#selected-name{overflow:hidden;text-overflow:ellipsis}#selected-context{min-width:0}.inspector:has(#dong-location:not([hidden])) #selected-context{font-size:10px}#meridian-list button[data-group="DSQX"]{font-size:14px}@media(max-width:760px){#point-search{width:82px;padding:5px 4px;font-size:10px}#dong-location{font-size:10px;max-width:87px}.inspector:has(#dong-location:not([hidden])) #selected-name{max-width:90px;font-size:13px}.inspector:has(#dong-location:not([hidden]))>div{gap:6px}#meridian-list button[data-group="DSQX"]{font-size:10px;letter-spacing:-.03em}}

/* Two directories share one visible selection; Dong regions never replace meridians. */
.comparison-tabs{display:flex;margin:0 12px 12px;border-bottom:1px solid var(--line);gap:3px}.comparison-tabs button{flex:1;padding:9px 2px;font-size:11px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.comparison-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.comparison-tabs button:hover{background:#ffffff07}
#dong-menu{display:flex;flex:1;flex-direction:column;min-height:0}#dong-menu[hidden],#meridian-list[hidden],#all-regular[hidden],#dong-filter[hidden]{display:none}.dong-tools{display:flex;justify-content:space-between;padding:0 12px;gap:4px}.dong-tools button{font-size:10px;padding:6px 0;color:#73e4ce}.dong-help{font-size:10px;color:var(--muted);margin:5px 12px 10px;line-height:1.5}#dong-region-list{overflow:auto;flex:1;min-height:0}#dong-region-list button{display:flex;align-items:center;text-align:left;width:100%;gap:7px;min-height:44px;padding:10px 10px;border-left:3px solid transparent;border-top:1px solid #2d3036;font-size:12px;transition:background .18s}#dong-region-list button:before{content:'';width:12px;height:12px;flex:0 0 12px;border:1px solid #626771;border-radius:2px;line-height:12px;text-align:center;font-size:10px}#dong-region-list button:hover{background:#2c2e34}#dong-region-list button.active{background:#303238;border-left-color:#73e4ce}#dong-region-list button.active:before{content:'✓';background:#73e4ce;border-color:#73e4ce;color:#15171b}#dong-region-list button.current{background:#3c3d40}#dong-region-list small{margin-left:auto;font-size:9px;color:var(--muted)}.dong-empty{font-size:11px;line-height:1.6;padding:10px;color:var(--muted)}
#dong-filter{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:11px;color:var(--muted)}#dong-region{font:inherit;color:#73e4ce;background:#292c31;border:1px solid #555960;padding:5px 7px;max-width:220px}#dong-filter small{font-size:10px}body.inspecting-dong{grid-template-rows:74px minmax(0,1fr) 208px}select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#comparison-legend{position:absolute;z-index:2;left:25px;top:128px;max-width:min(220px,40%);display:flex;flex-wrap:wrap;gap:6px 10px;pointer-events:none;color:#d4d5d9;font-size:10px;line-height:1.5}#comparison-legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--meridian-color)}
@media(max-width:760px){.comparison-tabs{flex-direction:column;margin:0 4px 8px;gap:0}.comparison-tabs button{padding:7px 0;font-size:10px}.meridian-tools>small{line-height:1.6}.dong-tools{padding:0 4px;flex-direction:column;gap:0}.dong-tools button{font-size:9px;padding:6px 0}.dong-help{font-size:8px;margin:5px 4px 8px;text-align:center}#dong-region-list button{font-size:10px;padding:9px 3px;gap:4px;min-height:46px;line-height:1.5}#dong-region-list button:before{width:10px;height:10px;flex-basis:10px;font-size:9px;line-height:10px}#dong-region-list button span{min-width:0}#dong-region-list small{display:none}.dong-empty{font-size:9px;padding:5px}body.inspecting-dong{grid-template-rows:57px minmax(0,1fr) 205px}#dong-filter{gap:7px;font-size:10px;margin-top:6px}#dong-region{max-width:175px;font-size:10px;padding:5px 4px}#dong-filter small{font-size:8px}#comparison-legend{left:10px;top:108px;max-width:95px;font-size:8px;gap:4px 7px}#comparison-legend span:before{width:5px;height:5px;margin-right:3px}}

/* Original semantic directories use the same restrained side-panel layout. */
.directory-open{border:1px solid #63573f;color:#e3c58f;padding:9px 10px;width:100%;text-align:left;font-size:12px;margin-bottom:12px}.directory-open span{float:right}.directory-open:hover{background:#343027}
#surface-controls{border-bottom:1px solid var(--line);padding:8px 0;margin-bottom:8px}#surface-controls summary{cursor:pointer;font-size:11px;color:#d5c09c;padding:4px 0}#surface-controls label{font-size:11px;gap:7px;min-height:32px}#surface-controls small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin:5px 0}#garment-style,#garment-appearance{min-width:60px;font:inherit;background:#292c31;color:var(--gold);border:1px solid #555960;padding:5px 4px}#surface-controls label:has(input:disabled){opacity:.45}
#muscle-depth{border-top:1px solid var(--line);margin:0 0 9px;padding:9px 0;flex-shrink:0}#muscle-depth[hidden]{display:none}#muscle-depth summary{font-size:12px;color:var(--gold);cursor:pointer}#muscle-region{width:100%;margin:9px 0 6px;padding:7px;font:inherit;font-size:11px;color:#eee;background:#292c31;border:1px solid #555960}#muscle-depth-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}#muscle-depth-list label{display:flex;gap:5px;align-items:center;font-size:10px;min-height:32px}#muscle-depth-list input{accent-color:var(--gold);margin:0}#muscle-depth-list small{color:var(--muted);margin-left:auto;font-size:9px}.muscle-depth-tools{display:flex;justify-content:space-between;gap:8px}.muscle-depth-tools button{font-size:10px;padding:8px 0;color:var(--gold)}#muscle-depth>small{color:var(--muted);font-size:9px;line-height:1.5}
.reference-tabs{display:flex;gap:10px;margin:8px 0 13px;border-bottom:1px solid var(--line)}.reference-tabs button{padding:9px 2px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.reference-tabs button.active{color:var(--gold);border-color:var(--gold)}.reference-selects{display:flex;gap:7px;margin-bottom:9px}.reference-selects select{font:inherit;font-size:11px;flex:1;min-width:0;padding:8px 5px;color:#eee;background:#292c31;border:1px solid #555960}.reference-selects select[hidden]{display:none}#reference-note{font-size:10px;color:var(--muted);line-height:1.7;margin:10px 0 5px}#reference-count{font-size:10px;color:var(--gold);margin-bottom:8px}#reference-list{overflow:auto;flex:1;min-height:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#reference-list h3{font-size:12px;font-weight:500;color:#e0c9a1;margin:0;padding:13px 5px 9px;position:sticky;top:0;background:#202227}#reference-list h3 small{float:right;font-size:9px;color:var(--muted);font-weight:400}.reference-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:11px 5px;border-bottom:1px solid #ffffff09}.reference-item strong{font-size:12px;font-weight:400;line-height:1.5}.reference-item small{font-size:9px;color:var(--muted);text-align:right;max-width:55%;line-height:1.5}.reference-item:hover:not(:disabled),.reference-item.active{background:#3c3528}.reference-item:disabled{opacity:.65}.reference-layer{display:flex;align-items:center;gap:8px;padding:12px 5px;border-bottom:1px solid #ffffff09;cursor:pointer;font-size:12px}.reference-layer input{accent-color:var(--gold);margin:0}.reference-layer small{font-size:9px;color:var(--muted);margin-left:auto}#reference-detail{padding:12px 0 5px}#reference-detail[hidden]{display:none}#reference-detail strong{font-size:14px;color:var(--gold);font-weight:500}#reference-detail p{font-size:11px;margin:6px 0}#reference-detail small{font-size:10px;color:var(--muted);line-height:1.5}#reference-search-clear[hidden]{display:none}#point-catalog-open{margin-left:auto;color:var(--gold)}#clear-selection{margin-left:0}
@media(min-width:761px){main.reference-directory-open{grid-template-columns:350px minmax(0,1fr) 158px}.reference-directory-open>.layers{display:none}}
@media(max-width:760px){.directory-open{padding:7px 2px;font-size:10px;text-align:center;line-height:1.5}.directory-open span{display:none}#surface-controls summary{font-size:8px;line-height:1.5}#surface-controls label{font-size:9px;min-height:40px;line-height:1.4}#surface-controls small{font-size:8px}#garment-style,#garment-appearance{min-width:0;width:44px;font-size:9px;padding:4px 0}#point-search{width:68px}#point-catalog-open{font-size:9px;padding:3px 0}.reference-tabs{gap:14px;margin-bottom:10px}.reference-tabs button{font-size:10px}.reference-item{min-height:43px}.reference-item strong{font-size:11px}#muscle-depth{padding:8px 0}#muscle-depth-list label{font-size:9px}#muscle-depth-list small{font-size:8px}}