.anatomy-explorer{margin:36px 0 48px;max-width:1480px;border-block:1px solid #5d786e66;padding:28px 0;color:#dce3d9}.anatomy-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.anatomy-heading span{font:10px/1.5 sans-serif;letter-spacing:.18em;color:#9ebdb1}.anatomy-heading h3{font:400 clamp(24px,2.6vw,36px)/1.45 Georgia,'Noto Serif KR',serif;margin:10px 0 0}.anatomy-heading p{font:12px/1.9 sans-serif;color:#a4b7ae;margin:0}.anatomy-workspace{display:grid;grid-template-columns:minmax(0,1fr) 265px;background:#e5e8df;color:#233b35;border-radius:5px;overflow:hidden}.anatomy-viewport{position:relative;min-width:0}.anatomy-viewport canvas{display:block;width:100%;height:600px;touch-action:pan-y;outline-offset:-4px}.anatomy-parts{background:#dce2d7;padding:23px 18px;border-left:1px solid #9bada177;min-width:0}.anatomy-kicker{font:10px/1.7 sans-serif;color:#657a70;margin:0 0 13px}.anatomy-part-list{display:grid;gap:2px;max-height:365px;overflow-y:auto;scrollbar-width:thin}.anatomy-part-list button{display:flex;gap:9px;align-items:center;min-height:36px;border:0;border-bottom:1px solid #8ba09144;background:transparent;color:#2d4139;font:11px/1.5 sans-serif;text-align:left;padding:7px 5px;cursor:pointer}.anatomy-part-list button span{font-size:9px;color:#7b8c82}.anatomy-part-list button i{width:7px;height:7px;flex:none;border-radius:50%}.anatomy-part-list button b{font-weight:500}.anatomy-part-list button[aria-pressed=true]{background:#c1d3c5;color:#133c33}.anatomy-info{border-top:1px solid #91a99a80;margin-top:19px;padding-top:17px;font:12px/1.85 sans-serif}.anatomy-info strong{font-weight:650}.anatomy-info p{margin:8px 0;color:#587063;font-size:11px}.anatomy-view-tools{display:flex;flex-wrap:wrap;gap:5px;position:absolute;left:17px;top:16px;z-index:2}.anatomy-view-tools button{background:#edf0e8df;color:#3d5a4b;border:1px solid #a4b8aa88;border-radius:24px;padding:8px 11px;font:10px/1.2 sans-serif;min-height:34px;cursor:pointer}.anatomy-view-tools button[aria-pressed=true]{background:#346858;color:white}.anatomy-mode{position:absolute;left:18px;bottom:10px;font:10px/1.5 sans-serif;color:#526c5e;pointer-events:none}.anatomy-marker{position:absolute;background:#173d34ed;color:#eef0df;font:11px/1.5 sans-serif;padding:6px 10px;border-radius:3px;transform:translate(-50%,-130%);white-space:nowrap;pointer-events:none}.anatomy-controls{display:grid;grid-template-columns:1fr auto 1fr auto;gap:18px;align-items:center;padding:23px 0 12px}.anatomy-controls label{display:block;min-width:0;font:11px/1.6 sans-serif;color:#b5c6bb}.anatomy-controls output{float:right;color:#ddc49a}.anatomy-controls input{display:block;width:100%;margin:10px 0 5px;accent-color:#d4b988;cursor:ew-resize;min-height:28px}.anatomy-controls label>span{display:flex;justify-content:space-between;color:#7e9687;font-size:9px}.anatomy-controls button{min-height:40px;padding:9px 14px;border-radius:24px;border:1px solid #78957b77;background:#182b23;color:#d4dfd1;cursor:pointer;font:11px/1.5 sans-serif}.anatomy-control-buttons{display:flex;gap:6px}.anatomy-note{font:11px/1.85 sans-serif;color:#8ca397;margin:8px 0}.anatomy-ready #inside>.quality-detail,.anatomy-ready #inside>.observation,.anatomy-ready #inside>#part-copy{display:none!important}.anatomy-error{padding:30px;color:#c9b693}@media(max-width:850px){.anatomy-workspace{grid-template-columns:minmax(0,1fr) 220px}.anatomy-viewport canvas{height:510px}.anatomy-parts{padding:19px 12px}.anatomy-controls{grid-template-columns:1fr auto;gap:17px}.anatomy-heading{display:block}.anatomy-heading p{margin-top:15px}}@media(max-width:600px){.anatomy-workspace{display:flex;flex-direction:column}.anatomy-viewport canvas{height:400px}.anatomy-parts{padding:15px;border-left:0;border-top:1px solid #a1b3a488}.anatomy-part-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:5px;padding-bottom:5px;scroll-snap-type:x mandatory}.anatomy-part-list button{flex:none;max-width:210px;border:1px solid #a1b3a477;border-radius:4px;padding:8px;scroll-snap-align:start}.anatomy-part-list button b{white-space:nowrap}.anatomy-info{margin-top:10px;padding-top:10px;min-height:80px}.anatomy-heading h3{font-size:25px}.anatomy-heading p{font-size:11px}.anatomy-view-tools{left:10px;top:10px;gap:3px}.anatomy-view-tools button{font-size:9px;padding:7px 9px}.anatomy-mode{font-size:9px;left:12px}.anatomy-note{font-size:10px}.anatomy-controls{gap:15px 10px}.anatomy-controls button{padding:9px 11px;font-size:10px}.anatomy-controls input{box-sizing:border-box}.anatomy-marker{font-size:10px;max-width:80%;white-space:normal}}

#anatomy{scroll-margin-top:82px}.anatomy-settings{display:flex;flex-wrap:wrap;gap:20px;padding-top:20px;font:11px/1.8 sans-serif;color:#adc2b6}.anatomy-settings select{margin-left:10px;max-width:100%;border:1px solid #6d8a7580;border-radius:20px;background:#182b23;color:#d6e5d8;padding:8px 13px;min-height:38px}.photo-motion-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.photo-motion-tools label{font-size:11px;color:#b0c3b7}.photo-motion-tools input{display:block;accent-color:#ccb58e;min-height:30px}.anatomy-ready #inside>[hidden]{display:none!important}

/* Keep both controls next to the object while scrubbing. */
.anatomy-viewport{--anatomy-height:520px}.anatomy-viewport canvas{height:var(--anatomy-height)}.anatomy-viewport>.anatomy-controls{padding:18px 20px 12px;background:#192e25;margin:0;grid-template-columns:1fr auto;gap:13px 15px}.anatomy-viewport>.anatomy-settings{padding:12px 20px;background:#192e25;margin:0}.anatomy-mode{top:calc(var(--anatomy-height) - 31px);bottom:auto}.anatomy-viewport .anatomy-controls label{color:#d0ddd2}.anatomy-viewport .anatomy-controls label>span{color:#8fa99a}.anatomy-parts{max-height:740px}.anatomy-heading{align-items:start}@media(max-width:600px){.anatomy-viewport{--anatomy-height:310px}.anatomy-viewport>.anatomy-controls{padding:13px 12px;gap:11px}.anatomy-viewport>.anatomy-settings{padding:10px 12px;gap:8px}.anatomy-settings label{font-size:10px}.anatomy-settings select{margin-left:5px;padding:6px 8px;font-size:10px}.anatomy-info{min-height:65px}.anatomy-heading p{line-height:1.7}.anatomy-view-tools{max-width:calc(100% - 20px)}}
