.portrait-anatomy{margin-top:48px;padding:48px 0;background:linear-gradient(110deg,#e5f0f4,#f9fbfc);color:#3d3b37}
.portrait-anatomy *{box-sizing:border-box}
.portrait-anatomy [hidden]{display:none!important}
.portrait-anatomy__title{margin:0 0 32px}
.portrait-anatomy__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.portrait-anatomy__viewer{min-width:0;background:#f8f5ef;border:1px solid #ded8ce;border-radius:12px;overflow:hidden}
.portrait-anatomy__stage{height:500px;position:relative;isolation:isolate;background:#e1d9cd}
.portrait-anatomy__stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.portrait-anatomy__loading,.portrait-anatomy__nojs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;text-align:center;font:16px/1.4 Arial,sans-serif}
.portrait-anatomy__nojs{background:#e1d9cd}
.portrait-anatomy[data-state=ready] .portrait-anatomy__loading,.portrait-anatomy[data-state=error] .portrait-anatomy__loading{display:none}
.portrait-anatomy__actions{padding:12px}
.portrait-anatomy button{font:600 14px/1.3 Arial,sans-serif;color:#352b20;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #c8b395;border-radius:6px;background:#fff8f0;touch-action:manipulation}
.portrait-anatomy button:disabled{opacity:.6;cursor:wait}
.portrait-anatomy button:hover{background:#ffecd1}
.portrait-anatomy button[aria-pressed=true]{background:#ffe1ae;border-color:#d18a2d}
.portrait-anatomy button:focus-visible,.portrait-anatomy summary:focus-visible{outline:3px solid #c87912;outline-offset:3px}
.portrait-anatomy button.portrait-anatomy__start{display:block;width:100%;background:#ffa133;border-color:#ed9228;font-size:18px}
.portrait-anatomy__status{font-size:14px;line-height:1.4;margin:8px 0 0}
.portrait-anatomy__status:empty{display:none}
.portrait-anatomy:not([data-state=error]) .portrait-anatomy__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portrait-anatomy__controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.portrait-anatomy__group{display:flex;gap:4px}
.portrait-anatomy__features{min-width:0}
.portrait-anatomy__features details{border-bottom:1px solid #cddce3;padding:16px 0}
.portrait-anatomy__features details:first-child{padding-top:0}
.portrait-anatomy__features summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:20px;font-weight:600;line-height:1.3}
.portrait-anatomy__features summary::-webkit-details-marker{display:none}
.portrait-anatomy__features summary::after{content:'+';margin-left:auto;font:24px Arial,sans-serif}
.portrait-anatomy__features details[open] summary::after{content:'−'}
.portrait-anatomy__number{flex:0 0 32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffa133;color:#1c1a17}
.portrait-anatomy__features p{margin:12px 0 0 44px;font-size:16px;line-height:1.5}
.portrait-anatomy__viewer:fullscreen,.portrait-anatomy__viewer.is-expanded{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) 190px;background:#e1d9cd}
.portrait-anatomy__viewer.is-expanded{position:fixed;inset:0;z-index:2147483000;height:100dvh}
.portrait-anatomy__viewer:fullscreen .portrait-anatomy__stage,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__stage{height:100%;min-height:0}
.portrait-anatomy__viewer:fullscreen .portrait-anatomy__actions,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__actions{align-self:center}
.portrait-anatomy__viewer:fullscreen .portrait-anatomy__controls,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__controls{flex-direction:column;align-items:stretch}
.portrait-anatomy__viewer:fullscreen .portrait-anatomy__group,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__group{flex-direction:column}
@media(max-width:900px){.portrait-anatomy__layout{grid-template-columns:1fr;gap:24px}.portrait-anatomy__stage{height:460px}.portrait-anatomy__features summary{font-size:18px}}
@media(max-width:600px){.portrait-anatomy{margin-top:32px;padding:32px 0}.portrait-anatomy__title{margin-bottom:24px}.portrait-anatomy__stage{height:400px}.portrait-anatomy__actions{padding:8px}.portrait-anatomy button{font-size:13px;padding:10px}.portrait-anatomy__controls{justify-content:center;gap:6px}.portrait-anatomy__features p{margin-left:0}.portrait-anatomy__features summary{font-size:17px}}
@media(max-width:600px) and (orientation:portrait){.portrait-anatomy__viewer:fullscreen,.portrait-anatomy__viewer.is-expanded{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.portrait-anatomy__viewer:fullscreen .portrait-anatomy__controls,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__controls{flex-direction:row;align-items:center}.portrait-anatomy__viewer:fullscreen .portrait-anatomy__group,.portrait-anatomy__viewer.is-expanded .portrait-anatomy__group{flex-direction:row}}