/* Native HTML buttons and decorative SVG leaders; the rest of the scene stays draggable. */
.annotations{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.annotation-lines,.annotation-buttons{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.annotation-lines{overflow:visible}
.annotation-lines polyline{fill:none;stroke:#d8bc798c;stroke-width:1;vector-effect:non-scaling-stroke}
.annotation-lines circle{fill:#d8bc79;stroke:#17221e;stroke-width:1.5;vector-effect:non-scaling-stroke}
.annotation-lines .is-selected polyline{stroke:#f5d68c;stroke-width:1.5}
.annotation-lines .is-selected circle{fill:#ffe7af;stroke:#a78c4d}
.annotation-label{position:absolute;top:0;left:0;pointer-events:auto;min-height:0;padding:6px 10px;border:1px solid #56604b;background:#17221ef2;color:#c5cfbd;border-radius:3px;font-size:11px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;box-shadow:0 2px 10px #07100d33;transition:color .15s,border-color .15s,background .15s;touch-action:manipulation}
.annotation-label[data-side=right]{text-align:right}
.annotation-label:hover{color:#f5dfaa;background:#343c2e;border-color:#ae995e}
.annotation-label[aria-pressed=true]{color:#ffe4a7;background:#3b3d2a;border-color:#d8bc79}
.annotation-label:focus-visible{outline:2px solid #ffe4a7;outline-offset:2px;z-index:1}
@media(max-width:600px){.annotation-label{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.annotation-label{transition:none}}