.context-popup { position: fixed; margin: 0; width: 390px; max-width: calc(100vw - 24px); max-height: min(480px, 75vh); overflow: auto; overflow-wrap: anywhere; padding: 20px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--text); box-shadow: 0 4px 20px #0002; z-index: 10; }
.popup-top { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 12px; }
.popup-close { border: 0; padding: 0 4px; font-size: 26px; line-height: 1; color: var(--muted); }
.context-popup h2 { font-size: 19px; font-weight: 600; margin: 12px 0 16px; }
#popup-body { font-size: 14px; line-height: 1.7; }
.popup-reference-link { display: inline-block; margin-top: 16px; font-size: 13px; }
.image-viewer { border: 1px solid var(--line); padding: 44px 20px 20px; max-width: 95vw; max-height: 94vh; background: var(--surface); color: var(--text); border-radius: 4px; }
.image-viewer::backdrop { background: #000a; }
.image-viewer > img { max-width: 86vw; max-height: 73vh; object-fit: contain; display: block; margin: auto; background: white; }
.image-viewer > p { font-size: 13px; text-align: center; max-width: 800px; line-height: 1.6; margin: 16px auto 0; }
.image-close { position: absolute; top: 6px; right: 12px; border: 0; font-size: 28px; }