.visual-style{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.visual-style button{border:1px solid #c7d6cf;border-radius:8px;padding:10px 15px;background:#fff;color:#38594c;font:600 12px inherit;min-height:40px}.visual-style button[aria-pressed=true]{background:#226b56;color:white;border-color:#226b56}.anatomical-drawing{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#fffdf8,#edece5);display:grid;place-items:center}.anatomical-drawing[hidden]{display:none}.anatomical-drawing svg{width:100%;height:100%;max-height:580px}.anatomical-drawing text{font:16px system-ui,sans-serif;fill:#314f46}.diagram-label{cursor:pointer}.diagram-label:focus{outline:none}.diagram-label:focus text,.diagram-label:hover text{fill:#087b61;font-weight:700}.diagram-label:focus path{stroke:#087b61;stroke-width:3}.selected-structure{filter:drop-shadow(0 0 5px #208579);stroke:#208579}.illustration-mode .stage-top,.illustration-mode .stage-caption,.illustration-mode #loading,.illustration-mode #model-error{display:none!important}.illustration-mode{width:100%;aspect-ratio:auto;max-height:none;background:#f0efe8!important;min-height:320px}.anatomical-guide{margin:14px 0 20px;padding:20px;background:#fff;border:1px solid #d6e1d9;border-radius:12px;color:#305043}.anatomical-guide h3{margin:0 0 7px;font-size:18px}.anatomical-guide p{font-size:12px;line-height:1.6;margin:8px 0}.diagram-parts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.diagram-parts button{padding:8px 10px;border:1px solid #cbd9d2;background:#f5f8f5;border-radius:6px;color:#38594c;font-size:12px;min-height:38px}.diagram-parts button[aria-pressed=true]{background:#226b56;color:white}.diagram-sequence{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.diagram-sequence li{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px;background:#f5f7f4;font-size:12px;line-height:1.6}.diagram-sequence li>span:first-child{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dce8df;color:#316c50;font-size:11px}.diagram-sequence li.current{background:#e7f2eb;box-shadow:inset 3px 0 #2a8060}.diagram-current{font-weight:600}.diagram-scope{font-size:10px!important;color:#77847b}.diagram-disease{padding:12px;background:#faf2ec;border-left:3px solid #c99076;border-radius:5px}.diagram-disease.condition-active{background:#f5dfd4}.anatomical-guide[hidden]{display:none}.embedded-mechanism .illustration-mode{height:max(310px,calc(100dvh - 210px));min-height:310px}.embedded-mechanism .anatomical-guide{padding:14px}.embedded-mechanism .visual-style{margin-top:4px}.is-playing .selected-structure{animation:diagram-emphasis 2s ease-in-out infinite}@keyframes diagram-emphasis{50%{filter:drop-shadow(0 0 10px #208579)}}@media(max-width:600px){.anatomical-guide{padding:12px}.anatomical-guide h3{font-size:16px}.anatomical-drawing .diagram-label text{display:none}.anatomical-drawing .diagram-label path{display:none}.diagram-parts button{font-size:11px}.visual-style button{padding:8px 10px;font-size:11px}.embedded-mechanism .illustration-mode{height:220px;min-height:220px}.diagram-sequence li{font-size:12px}.anatomical-drawing svg{transform:none}.illustration-mode{overflow:hidden}}@media(prefers-reduced-motion:reduce){.is-playing .selected-structure{animation:none}}
.model-labels{position:absolute;inset:0;pointer-events:none;z-index:3}.model-labels>svg{position:absolute;width:100%;height:100%;overflow:visible}.model-labels path{fill:none;stroke:#508575;stroke-width:1.3;opacity:.85}.model-labels path.selected{stroke:#00a47b;stroke-width:2.5}.model-part-label{position:absolute;transform:translateY(-50%);pointer-events:auto;border:1px solid #b9cfc4;border-radius:5px;background:rgba(255,255,250,.94);color:#244e42;padding:5px 6px;font:600 11px/1.3 system-ui;text-align:left;cursor:pointer;overflow-wrap:anywhere}.model-part-label[aria-pressed=true]{background:#226b56;color:white}.model-part-label:focus-visible{outline:3px solid #eeb455;outline-offset:2px}.model-part-label[hidden]{display:none}#canvas-host{position:absolute;inset:0}.anatomical-drawing .diagram-label text{display:block!important}.anatomical-drawing .diagram-label path{display:block!important}@media(max-width:600px){.model-part-label{font-size:9px;padding:4px}.anatomical-drawing text{font-size:17px}}
.embedded-mechanism .stage{width:100%;aspect-ratio:auto;height:max(360px,calc(100dvh - 210px));min-height:360px;max-height:none}.embedded-mechanism .illustration-mode{min-height:310px}.stage-caption{pointer-events:none}@media(max-width:600px){.embedded-mechanism .stage{height:320px;min-height:320px}.embedded-mechanism .illustration-mode{height:250px;min-height:250px}}