.evidence-zoom-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.evidence-zoom-toolbar button{min-height:44px;min-width:44px}.evidence-zoom-toolbar span{color:var(--muted);font-size:16px}.evidence-zoom-host{height:clamp(260px,60dvh,800px);width:100%;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;touch-action:none;overflow:hidden}.evidence-zoom-hint{margin:8px 0 20px;color:var(--muted);font-size:15px}.evidence-viewer:has(.evidence-zoom-host){width:min(1200px,calc(100vw - 28px))}.evidence-viewer-content .letter:empty{display:none}
/* Fit the image and its caption inside the available dialog height. */
.floating-panel.evidence-viewer:has(.evidence-zoom-host){height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);overflow:hidden;padding:0}
.floating-panel.evidence-viewer[open]:has(.evidence-zoom-host){display:flex;flex-direction:column}
.evidence-viewer:has(.evidence-zoom-host) .dialog-titlebar{flex:none;min-height:52px}
.evidence-viewer:has(.evidence-zoom-host) .dialog-content{flex:1;min-height:0;max-height:none;overflow:hidden;padding:12px 18px 16px;display:flex;flex-direction:column}
.evidence-viewer:has(.evidence-zoom-host) .evidence-viewer-content{display:flex;flex-direction:column;flex:1;min-height:0}
.evidence-zoom-toolbar{flex:none;margin-bottom:8px}
.evidence-viewer .evidence-zoom-host{flex:1;min-height:0;height:auto}
.evidence-zoom-hint{flex:none;margin:6px 0 10px;line-height:1.3}
.evidence-viewer:has(.evidence-zoom-host) .letter{flex:none;max-height:22dvh;overflow:auto;padding:12px 18px;width:100%;margin:0 auto}
.evidence-viewer:has(.evidence-zoom-host) .letter p:last-child{margin-bottom:0}
@media(max-height:500px){.evidence-zoom-hint{display:none}.evidence-viewer:has(.evidence-zoom-host) .letter{margin-top:6px;padding:8px 12px}}