/* Digital Human 3.0. A single anatomical viewport; quiet, touch-friendly studio UI. */
:root{--bg:#111619;--glass:rgba(23,32,37,.93);--line:rgba(181,192,194,.18);--text:#f0f0ea;--muted:#a4b0b6;--subtle:#82999f;--accent:#a4d6cc;--accent-strong:#d0ece3;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.atmosphere{background:radial-gradient(ellipse at 56% 36%,#3b4142 0%,#293238 26%,#1b242a 48%,#10181d 78%)}
.atmosphere:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d161b80,transparent 30%,transparent 72%,#0d161b55),radial-gradient(ellipse at 54% 78%,#05090c4d,transparent 26%)}
.atmosphere:after{opacity:.025;background-size:3px 3px;mask-image:none}
body[data-light=neutral] .atmosphere{background:radial-gradient(ellipse at 52% 40%,#454b4d,#2e383e 40%,#151f26 78%)}
body[data-light=contrast] .atmosphere{background:radial-gradient(ellipse at 51% 40%,#323a40,#17232c 43%,#090f16 78%)}
.topbar{top:max(24px,env(safe-area-inset-top));left:32px;right:32px}.brand{font-size:18px;letter-spacing:.16em}.brand-mark{stroke:var(--accent);filter:drop-shadow(0 0 10px #8dd9d72a)}.brand small{font-size:8px;color:#8ba2b2;letter-spacing:.26em}.brand i{color:#aabecb;border-color:#99c9ce2a;font-size:10px}.header-actions{gap:10px}.search-trigger{background:#15222cbf;border:1px solid #b7d6e319;border-radius:12px;min-height:43px}.top-icon{width:43px;height:43px;border-radius:12px;border:1px solid #b7d6e318;background:#12202a66}.top-icon:hover{background:#28414b}.focus-trigger[aria-pressed=true]{background:#234c51;border-color:#83c6c5}
#breadcrumbs{top:86px;left:36px;font-size:11px;opacity:.95}.scene-heading{left:106px;top:151px;max-width:280px}.scene-heading .eyebrow{font-size:9px;letter-spacing:.18em}.scene-heading h1{font-size:clamp(32px,3vw,44px);font-weight:520;letter-spacing:-.035em;line-height:1.07;margin:17px 0 8px;max-width:280px}.scene-heading p{font-size:12px;color:#a3b4c1;line-height:1.7}.reference-tag{font-size:10px;border-radius:6px;padding:7px 10px;color:#bfd0d8;background:#21313a91;border-color:#b5d3df16}.live-dot{background:#94d8cb;box-shadow:0 0 9px #8dd9d755}.left-rail{left:28px;top:150px;gap:17px}.left-rail .icon-button{min-height:46px;color:#a3b3bd}.left-rail .icon-button span{font-size:9px}
#tools{right:26px;top:127px;background:#0e1d28cc;border:1px solid #a6c2d01a;border-radius:17px;padding:10px 6px;box-shadow:0 16px 50px #0002;backdrop-filter:blur(18px);gap:4px}#tools .icon-button{min-height:50px;min-width:50px;border-radius:10px}#tools .icon-button span{font-size:8px;color:#a9bac6}#tools .icon-button .icon{width:20px;height:20px;color:#a6cdd5}#tools .icon-button:hover,#tools .icon-button.active{background:#284650aa;color:#d8f3ed}
.glass{box-shadow:0 14px 48px #0002;border:1px solid #b6d1db20;backdrop-filter:blur(20px)}.info-summary{width:251px;right:107px;bottom:206px;padding:20px;background:linear-gradient(145deg,#172a35df,#0e1b26df)}.info-summary h2{font-size:21px;font-weight:500;letter-spacing:-.025em}.info-summary p{font-size:11px;line-height:1.85;color:#aebfc9}.summary-head .micro-label{font-size:8px;letter-spacing:.17em}.text-button{color:var(--accent);font-size:11px}.micro-label{font-size:9px;letter-spacing:.14em}
.motion-dock{left:106px;bottom:207px;width:270px;padding:15px 16px;background:#111f29d9;border-radius:15px}.motion-heading .micro-label{font-size:8px}.motion-play{background:#2c4c50;border:1px solid #8cd1cc22;border-radius:10px;width:37px;height:37px}.motion-primary select{font-size:12px}.motion-phase{font-size:11px;line-height:1.7;color:#b2c8d1}.motion-transport button{min-height:32px;min-width:30px}.motion-note{font-size:10px}.motion-note p{font-size:11px}.motion-transport span{font-size:10px}.motion-transport select{font-size:11px}.motion-dock input[type=range]{accent-color:#86d0cb}
.bottom-hud{left:32px;right:32px;bottom:max(7px,env(safe-area-inset-bottom))}.view-row{height:72px;border-top:1px solid #a9c5d428;gap:22px}.view-meta .micro-label{font-size:8px}.view-meta span:last-child{font-size:10px}.view-row #view-tabs{background:#09151eb0;border:1px solid #a8cad11c;border-radius:12px;padding:5px;gap:2px}.view-row #view-tabs button{font-size:11px;padding:12px 16px;min-height:41px;white-space:nowrap;border-radius:8px}.view-row #view-tabs button.active{background:linear-gradient(145deg,#31535c,#203c47);box-shadow:inset 0 0 0 1px #9cdee426;color:#e1f6f2}.deep-button{border-radius:12px;font-size:12px;min-height:46px;background:linear-gradient(130deg,#4d8d98,#2b6273);box-shadow:0 8px 28px #050d1855;border:1px solid #b1eff338;color:#fff;padding:13px 23px}.deep-button:hover{background:linear-gradient(130deg,#5b9da6,#377b87)}.scale-row{height:67px}.scale-caption .micro-label{font-size:8px}#scale-steps button{font-size:9px}.render-status{font-size:8px;white-space:nowrap}.camera-bar{bottom:165px;right:106px;background:#0d1c26b0;border:1px solid #adc9d619;border-radius:11px;padding:3px 5px}.camera-bar button{width:33px;height:33px;border-radius:7px}.scale-ruler{bottom:168px;color:#a6bac4}.scale-ruler #ruler-value{font-size:10px}.ruler-line{opacity:.75}.object-label{font-size:10px;background:#0c1a26bb;border:1px solid #a6ccd43a;border-radius:7px;color:#c1d4dc;padding:8px 11px}.object-label:before{opacity:.6}
.visual-strip{pointer-events:auto;display:flex;gap:8px;margin-top:15px;width:fit-content}.visual-strip>button{display:flex;align-items:center;gap:9px;border:1px solid #a4cbd527;background:#122430bc;border-radius:9px;padding:9px 11px;font-size:10px;min-height:37px;color:#b4c5d0}.visual-strip .icon{width:15px;height:15px;color:#9adbd6}.visual-strip b{font-weight:500;color:#a1dfda;margin-left:5px}.visual-caret{margin-left:5px;font-size:14px}.visual-strip>button:hover{background:#23404b}
.visual-panel{position:absolute;right:108px;top:124px;bottom:auto;width:321px;max-height:calc(100dvh - 255px);overflow:auto;overscroll-behavior:contain;z-index:18;background:#101e29f5;border-radius:17px;padding:20px;scrollbar-width:thin}.visual-panel-head{display:flex;justify-content:space-between;align-items:center}.visual-panel-head h2{font-size:22px;letter-spacing:-.03em;font-weight:520;margin:7px 0 0}.visual-panel-head button{padding:8px;border-radius:9px;background:#1c303c}.visual-panel-head .icon{width:17px;height:17px}.visual-panel-head .micro-label{font-size:8px}.visual-intro{font-size:11px;line-height:1.7;color:#9eb2bf;margin:13px 0 18px}.lighting-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:19px}.lighting-presets button{border:1px solid #9bbbbf26;border-radius:10px;padding:8px 8px 10px;font-size:10px;color:#9fb5c1}.lighting-presets button.active{background:#28444f;border-color:#85c9c59c;color:#d8eee9}.light-preview{display:block;height:40px;width:40px;border-radius:50%;margin:3px auto 10px;background:radial-gradient(circle at 31% 26%,#e6b899,#9a6f67 42%,#344258 73%,#101620 93%);box-shadow:5px 8px 10px #0003}.light-preview.neutral{background:radial-gradient(circle at 37% 28%,#e2cabe,#a1918b 49%,#525c67 80%)}.light-preview.contrast{background:radial-gradient(circle at 31% 24%,#efd1b7,#9a7067 34%,#181f2d 70%,#34495e 89%)}
.studio-slider{display:block;font-size:11px;color:#c3d1d8;margin-top:13px}.studio-slider output{float:right;color:#9db8c7;font-size:10px;font-variant-numeric:tabular-nums}.studio-slider input{display:block;height:23px;margin:7px 0 0}.studio-quality{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:16px 0}.studio-quality select{font-size:11px;padding:8px 10px;background:#1a303d}.studio-check{font-size:11px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.6;margin:11px 0}.studio-check input{accent-color:#8bd1ca;width:15px;height:15px}.studio-check small{font-size:9px;padding-left:25px;display:block;width:100%;margin-top:-8px}.visual-capability{border-top:1px solid #a9c5d424;padding-top:13px;margin-top:17px;font-size:10px;color:#a5c2ce;line-height:1.8}.capability-dot{display:inline-block;width:5px;height:5px;background:#97c3b9;border-radius:50%;margin-right:5px}.visual-capability small{font-size:10px;display:block;color:#7f98a8;margin-top:6px}.visual-panel-foot{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.visual-panel-foot button{font-size:10px;min-height:37px}.visual-panel-foot button:first-child{color:#a9becb}.visual-panel-foot .primary{border-radius:8px;padding:8px 16px;background:#36606a;color:#e6f7f5}
body.focus-view .scene-heading,body.focus-view .left-rail,body.focus-view #tools,body.focus-view .info-summary,body.focus-view .location-mini,body.focus-view .motion-dock,body.focus-view #labels,body.focus-view .scale-row,body.focus-view .scale-ruler,body.focus-view #orbit-hint{display:none!important}body.focus-view .topbar .header-actions>*:not(.focus-trigger){display:none}body.focus-view .bottom-hud{bottom:14px}body.focus-view .camera-bar{bottom:108px}body.focus-view .bottom-hud .view-row{border-top:0}body.focus-view #breadcrumbs{opacity:.65}body.focus-view .focus-trigger{width:44px;height:44px}
@media(min-width:1600px){.scene-heading,.motion-dock{left:117px}.info-summary{right:120px;width:270px}#tools{right:32px}.camera-bar{right:119px}}
@media(max-width:1150px) and (min-width:851px){.scene-heading{left:90px;max-width:230px}.scene-heading h1{font-size:34px;max-width:230px}.motion-dock{left:88px;width:239px}.info-summary{width:194px;padding:16px;right:96px}.visual-panel{right:96px}#tools{right:20px}.view-row #view-tabs button{padding:11px 10px}.deep-button{padding:12px 15px}.view-row{gap:10px}.view-meta{display:none}.camera-bar{right:96px}}
@media(max-width:850px){.topbar{left:23px;right:23px;top:20px}.brand{font-size:15px}.scene-heading{left:25px;top:133px;max-width:240px}.scene-heading h1{font-size:33px}.visual-strip{margin-top:10px}#breadcrumbs{left:25px;top:81px}.left-rail{display:none}#tools{right:20px;top:123px}.motion-dock{left:24px;bottom:199px;width:253px;padding:11px 13px}.motion-primary select{font-size:11px}.info-summary{display:none}.bottom-hud{left:23px;right:23px}.view-row{gap:10px}.view-meta{display:none}.view-row #view-tabs button{padding:10px;font-size:10px}.deep-button{padding:11px 12px;font-size:11px}.camera-bar{right:92px;bottom:157px}.visual-panel{right:94px;top:126px;max-height:calc(100dvh - 235px)}.scale-ruler{bottom:155px}}
@media(max-width:600px){.topbar{top:max(17px,env(safe-area-inset-top));left:18px;right:18px;gap:8px}.brand{font-size:14px;letter-spacing:.13em;gap:8px}.brand-mark{width:24px;height:31px}.brand small{font-size:6px;letter-spacing:.21em}.brand i{font-size:8px;padding:2px 4px}.header-actions{gap:6px}.top-icon{height:35px;width:35px;border-radius:10px}.header-actions .top-icon:not(.focus-trigger){display:none}.search-trigger{height:35px;min-height:35px;min-width:35px;padding:6px;border-radius:10px}.search-trigger .icon{width:18px;height:18px}.search-trigger>span:nth-child(2),.search-trigger kbd{display:none}.top-icon .icon{width:18px;height:18px}.scene-heading{left:20px;right:20px;top:112px;max-width:calc(100vw - 40px)}.scene-heading .eyebrow{font-size:8px}.scene-heading h1{font-size:29px;margin:10px 0 5px;max-width:calc(100vw - 40px)}.scene-heading p{font-size:10px;line-height:1.5}.scene-heading .reference-tag{display:none}.visual-strip{margin-top:9px}.visual-strip>button{padding:7px 9px;min-height:31px;font-size:9px}.visual-strip .icon{width:13px;height:13px}#breadcrumbs{left:20px;right:20px;top:72px;font-size:10px}#tools{top:auto;bottom:calc(165px + env(safe-area-inset-bottom));left:16px;right:16px;display:flex;flex-direction:row;gap:3px;justify-content:space-between;border-radius:13px;padding:5px 6px;overflow-x:auto;scrollbar-width:none}#tools .icon-button{min-width:36px;min-height:42px;height:42px;flex:1;border-radius:8px}#tools .icon-button .icon{height:17px;width:17px}#tools .icon-button span{font-size:6px;margin-top:3px}#tools [data-action=auto]{display:none}.bottom-hud{height:auto;left:16px;right:16px;bottom:max(7px,env(safe-area-inset-bottom))}.view-row{height:auto;min-height:83px;display:grid;grid-template-columns:1fr;padding-top:8px;gap:7px}.view-row #view-tabs{position:relative;inset:auto;max-width:100%;min-width:0;width:100%;display:flex;overflow-x:auto;border-radius:9px;padding:3px;min-height:35px;scrollbar-width:none}.view-row #view-tabs button{font-size:9px;padding:7px 10px;min-height:29px;flex:0 0 auto}.view-row .deep-button{position:relative;inset:auto;margin:0;height:35px;grid-column:1;min-height:35px;padding:8px 12px;font-size:11px;width:100%;border-radius:9px}.scale-row{display:flex;height:55px;padding-top:7px}.scale-caption,.render-status{display:none}#scale-steps{width:100%;padding:0;gap:0}#scale-steps button{font-size:7px;min-width:0;flex:1;max-width:unset}#scale-steps button span{font-size:7px}.motion-dock{left:16px;right:16px;bottom:calc(232px + env(safe-area-inset-bottom));width:auto;padding:8px 11px}.motion-heading .micro-label{font-size:7px}.motion-primary select{font-size:11px}.motion-play{width:30px;height:30px}.motion-dock .motion-heading button{padding:2px}.motion-primary .icon{width:15px;height:15px}.camera-bar{left:auto;right:16px;top:255px;width:auto;bottom:auto;display:flex;flex-direction:column;padding:3px;background:#0c192280;border-radius:11px}.camera-bar button,.camera-bar button:not([data-action=back]){display:grid;width:31px;height:31px;min-height:31px}.camera-bar button[data-action=play],.camera-bar button[data-action=fullscreen],.camera-bar button[data-action=screenshot]{display:none}.camera-bar .icon{width:16px;height:16px}.has-motion .scale-ruler{display:none}.visual-panel{top:105px;left:16px;right:16px;bottom:auto;width:auto;max-height:calc(100dvh - 132px);padding:18px;border-radius:15px}.lighting-presets{margin-bottom:12px}.studio-slider input{height:27px}.studio-check{font-size:12px}.studio-slider{font-size:12px}.visual-panel-foot button{min-height:40px}.has-motion .selection-pill{bottom:calc(308px + env(safe-area-inset-bottom))}.tool-panel{right:16px;left:16px;bottom:calc(222px + env(safe-area-inset-bottom));top:auto}.tool-panel.anatomy-panel{max-height:calc(100dvh - 335px)}.object-label{font-size:8px;padding:6px 8px}body.focus-view .scene-heading{display:none!important}body.focus-view .camera-bar{top:auto;bottom:calc(113px + env(safe-area-inset-bottom));right:16px;flex-direction:row}body.focus-view .bottom-hud{bottom:max(10px,env(safe-area-inset-bottom))}body.focus-view .view-row{min-height:81px}.has-motion .model-warning{font-size:8px;bottom:306px}}
@media(max-height:610px) and (min-width:601px){.topbar{top:12px;left:22px;right:22px}.brand{font-size:14px}.brand small{display:none}.top-icon{height:33px;width:33px}.search-trigger{min-height:33px}#breadcrumbs{top:57px;left:24px}.scene-heading{top:101px;left:25px;max-width:217px}.scene-heading h1{font-size:26px;margin:10px 0 6px}.scene-heading p{font-size:10px}.reference-tag{display:none}.visual-strip{margin-top:9px}.left-rail{display:none}#tools{top:90px;right:18px;padding:5px 4px;gap:0}#tools .icon-button{min-width:35px;min-height:33px;height:33px}#tools .icon-button span{display:none}#tools .icon-button .icon{height:17px;width:17px}.info-summary{display:none}.motion-dock{left:23px;bottom:130px;width:236px;padding:7px 10px}.motion-dock .motion-detail{display:none}.motion-dock.expanded .motion-detail{display:block}.motion-dock .motion-heading button{display:grid}.motion-dock .motion-note{display:none!important}.bottom-hud{left:22px;right:22px}.view-row{height:57px}.scale-row{height:44px}.view-meta,.scale-caption{display:none}.view-row #view-tabs button{padding:8px 10px;min-height:33px}.deep-button{min-height:35px;padding:9px 12px}.camera-bar{bottom:120px;right:75px}.visual-panel{top:83px;right:74px;max-height:calc(100dvh - 101px);width:306px}.has-motion .scale-ruler{display:none}}
/* Compact phone landscape: keep the title/studio control above the animation panel.
   A two-column tool rail stays above the footer instead of extending off-screen. */
@media(max-height:480px) and (min-width:601px){
 .scene-heading{top:87px;left:25px;max-width:235px}
 .scene-heading .eyebrow,.scene-heading p{display:none}
 .scene-heading h1{font-size:26px;line-height:1.1;margin:0 0 8px;max-width:235px}
 .visual-strip{margin-top:8px}
 #tools{top:84px;display:grid;grid-template-columns:repeat(2,36px);gap:3px;padding:6px;right:18px}
 #tools .icon-button{width:36px;min-width:36px;height:33px;min-height:33px}
 .camera-bar{right:120px}
}

/* Observation studio: quiet mineral colors and restrained specimen-card details. */
.scene-heading h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#f1ede3;text-wrap:balance}
.scene-heading p{color:#bac1bd;font-style:italic}
.scene-heading .eyebrow{color:#c6b79e}
.reference-tag{background:#2932379c;border-color:#d1c1a824;color:#cfcdc0}
.topbar .brand-mark{stroke:#b8d9cf;filter:none}
.topbar .brand b{color:#b8d9cf}
.topbar .brand i{border-color:#cebfa832;color:#c4baa4;background:#292e2e80}
.search-trigger,.top-icon{background:#172229bf;border-color:#b9c7c31f}
.glass{box-shadow:0 18px 50px #03080b38,inset 0 1px #d8e0d509;border-color:#bbc7c125}
.info-summary{background:linear-gradient(145deg,#28343be8,#17232bed);border-top:1px solid #c1b0935c}
.info-summary h2{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:24px;font-weight:400;color:#ede8dd}
.info-summary p{color:#b9c4c7}
.motion-dock{background:linear-gradient(145deg,#27343ade,#18252beb);border-top:1px solid #a4cec645}
.motion-play{background:#38544f;border-color:#b7d8cd3b;color:#e1eee4}
#tools{background:#152129d9;border-color:#b3c6c225;box-shadow:0 18px 36px #05090c29}
#tools .icon-button .icon{color:#bacac6}
#tools .icon-button:hover,#tools .icon-button.active{background:#3d555250;color:#e2eee6}
.view-row #view-tabs{background:#131e259e;border-color:#b5c5c425}
.view-row #view-tabs button.active{background:linear-gradient(145deg,#3c5755,#2d4245);box-shadow:inset 0 0 0 1px #bbd8c92f;color:#f0f3e9}
.deep-button{background:linear-gradient(130deg,#bed0bc,#9fbcaf);color:#142b2b;border-color:#d9e2ceaa;box-shadow:0 8px 26px #02080d33}
.deep-button:hover{background:#dce4d2!important;color:#152d2b!important}
.camera-bar{background:#172329c9;border-color:#b8c6c229;box-shadow:0 8px 24px #0002}
.camera-bar button{background:#b8c6c204;border-color:#b8c6c229;color:#c0cec8}
.object-label{background:#152129d4;border-color:#b4c3bc44;color:#e0e3d9;box-shadow:0 4px 16px #050b1129;border-radius:5px}
.object-label:before{background:#b9c6b999}
.visual-strip>button{background:#233138c2;border-color:#b4c5bd33;color:#bdc8c6}
.visual-strip b{color:#c6e0d1}
.visual-panel{background:linear-gradient(140deg,#243239f7,#15232cf9)}
.lighting-presets button.active{background:#3b5351;border-color:#a9c8b7a8;color:#e6eee2}
.bottom-hud{background:linear-gradient(0deg,#0b141b66,transparent)}
.view-row,.scale-row{border-color:#aebebc26}
@media(min-width:851px) and (min-height:611px){.scene-heading h1{font-size:clamp(37px,3.6vw,52px);line-height:1.07;margin:17px 0 10px}.scene-heading{max-width:290px}.scene-heading h1{max-width:290px}}
@media(prefers-reduced-motion:reduce){#scene-canvas,.icon-button,.orbit-hint{transition:none}}

/* Close inspection of the human model, with a direct way back to full stature. */
.human-view-shortcuts{pointer-events:auto;display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;max-width:260px}
.human-view-shortcuts button{font:inherit;font-size:10px;min-height:34px;padding:8px 10px;border:1px solid #bfcac126;border-radius:8px;color:#c9d9d1;background:#18272ac9;cursor:pointer}
.human-view-shortcuts button:hover{background:#355149;border-color:#b8d9cf66}
.human-view-shortcuts button:first-child{color:#c6e3d7}
@media(max-width:600px){.human-view-shortcuts{margin-top:8px;gap:5px}.human-view-shortcuts button{font-size:9px;min-height:30px;padding:6px 9px}}
@media(max-height:480px) and (min-width:601px){.human-view-shortcuts{margin-top:6px}.human-view-shortcuts button{font-size:9px;min-height:28px;padding:5px 8px}}