.learner-image-dialog { width: min(1100px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 16px; border: 1px solid #e1e7e5; border-radius: 8px; background: var(--color-surface, #FAFBF8); color: #202e35; overflow: auto; }
.learner-image-dialog::backdrop { background: rgb(32 46 53 / .75); }
.learner-image-dialog img { display: block; width: auto; height: auto; max-width: 100%; max-height: 75dvh; margin: 12px auto; object-fit: contain; }
.learner-image-dialog button, .learner-image-dialog a, .learner-inspect { min-height: 44px; padding: 10px 14px; font: inherit; }
.learner-image-dialog button, .learner-inspect { border: 1px solid #566570; border-radius: 7px; background: var(--color-surface, #FAFBF8); color: #202e35; cursor: pointer; }
.learner-image-dialog :focus-visible, .learner-inspect:focus-visible { outline: 3px solid #bc4028; outline-offset: 3px; }
.learner-inspect { display: block; margin-top: 8px; }
.fc-panel, .gx-panel { max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; }

.gx-panelhead { position: sticky; top: 0; background: var(--color-surface, #FAFBF8); z-index: 1; }
.gx-panelhead, .gx-reviseactions { flex-shrink: 0; }