/* A quiet, opaque anatomy plate inside the flowing emerald page. */
.explorer-page{--model-height:clamp(480px,calc(var(--host-viewport-height,800px) - 200px),690px)}
.viewer,.viewer:fullscreen{isolation:isolate;background:radial-gradient(ellipse at 49% 38%,#f6f7ef 0%,#e7ecdf 43%,#ccd9c8 100%);border:1px solid #d8edce;border-radius:22px;box-shadow:0 18px 48px #000f0b38,inset 0 1px 0 #fffef8;animation:pearl-edge 9s ease-in-out infinite;overflow:hidden}
.viewer:before{content:"";position:absolute;inset:10px;border:1px solid #406c4920;border-radius:14px;pointer-events:none;z-index:0}
.viewer:after{content:"";position:absolute;left:24%;right:24%;bottom:96px;height:24px;background:radial-gradient(ellipse,#42654817,transparent 70%);filter:blur(8px);pointer-events:none;z-index:0}
.canvas-host{z-index:1;inset:66px 9px 108px;transform-origin:50% 50%}
.viewer-caption{z-index:3;left:20px;right:20px;top:19px;color:#315d44;letter-spacing:.12em}
.viewer-caption>span,.viewer-caption>span:last-child{color:#315d44;background:transparent;text-shadow:none;padding:0;font-weight:600}
.model-actions{z-index:4;top:52px;right:18px}
.model-actions button,.viewer .tool-button{background:linear-gradient(135deg,#20543b,#0b3022);border-color:#497f5b;box-shadow:inset 0 1px 0 #d9f4d32b,0 3px 10px #2349301f;backdrop-filter:none}
.model-actions button:hover,.viewer .tool-button:hover{background:linear-gradient(135deg,#2b6d49,#113c2a);border-color:#2c8254;box-shadow:0 4px 15px #226d452b}
.viewer .view-switch{z-index:4;left:18px;bottom:88px;background:#0b3022;border-color:#497b58;box-shadow:0 3px 12px #23493021;backdrop-filter:none}
.viewer .view-switch button[aria-pressed=true]{background:linear-gradient(135deg,#427d52,#225939);box-shadow:inset 0 0 0 1px #a9d7aa80}
.viewer-tools{z-index:4;right:18px;bottom:88px}
.layer-caption{z-index:3;left:20px;right:20px;bottom:42px;color:#315840;text-shadow:none;font-size:21px;line-height:1.4}
.viewer-bottom{z-index:3;left:20px;right:20px;bottom:12px;padding:0;background:transparent;text-shadow:none;color:#365c43;font-size:12px;line-height:1.5}
.viewer-bottom>em{color:#3d7051;font-size:27px;text-shadow:none}
.viewer:focus-within{border-color:#a4d49e!important;box-shadow:0 0 0 2px #b5e9a93d,0 18px 48px #000f0b38,inset 0 1px 0 #fffef8}
.loading-surface,.loading-surface>span,.loading-surface p,.loading-surface small{color:#315d44;text-shadow:none}
.anatomy-progress{background:#416f4524!important}.anatomy-progress>div{background:#2a6943!important}
.anatomy-tooltip{background:#0b3829f5;color:#f7fff6;border-color:#87b78d;box-shadow:0 5px 18px #143e2a24}
.static-fallback{inset:66px 10px 108px}.fallback-note{color:#244b35}.fallback-note button{background:#123f2a;color:#fff}
.viewer:fullscreen{border-radius:0;animation:none}.viewer:fullscreen:before{inset:16px;border-radius:16px}.viewer:fullscreen .canvas-host{inset:76px 52px 153px}.viewer:fullscreen .layer-caption{bottom:102px;color:#315840}.viewer:fullscreen .viewer-caption{top:28px;left:34px;right:34px}.viewer:fullscreen .model-actions{top:60px;right:35px}.viewer:fullscreen .viewer-tools,.viewer:fullscreen .view-switch{bottom:174px}
@keyframes pearl-edge{0%,100%{border-color:#b7d9b1}50%{border-color:#eefadf}}
@media(max-width:760px){.viewer{height:clamp(500px,calc(var(--host-viewport-height,740px)*.76),620px);min-height:500px;max-height:620px;border-radius:19px}.canvas-host{inset:68px 8px 114px}.viewer-caption{left:17px;right:17px;top:18px;font-size:11px;letter-spacing:.09em}.model-actions{top:47px;right:16px}.viewer .view-switch{left:15px;bottom:92px}.viewer-tools{right:15px;bottom:92px;gap:8px}.viewer .tool-button{width:42px;height:42px}.layer-caption{left:15px;right:15px;bottom:46px;font-size:18px;line-height:1.25}.viewer-bottom{left:17px;right:17px;bottom:13px;font-size:11px}.viewer-bottom>em{font-size:24px}.static-fallback{inset:68px 8px 114px}.viewer:fullscreen .canvas-host{inset:88px 15px 174px}.viewer:fullscreen .viewer-caption{left:20px;right:20px;top:25px}.viewer:fullscreen .model-actions{right:20px;top:58px}.viewer:fullscreen .viewer-tools,.viewer:fullscreen .view-switch{bottom:184px}.viewer:fullscreen .layer-caption{bottom:120px}}
@media(prefers-reduced-motion:reduce){.viewer{animation:none}}
