.figure-viewer{width:96vw;max-width:1400px;max-height:92vh;height:88vh;border:1px solid #dce2e8;border-radius:6px;padding:0;background:white;color:#20272e;overflow:hidden;box-shadow:0 16px 80px #0003}.figure-viewer[open]{display:flex;flex-direction:column}.figure-viewer::backdrop{background:#20272eaa}.figure-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border-bottom:1px solid #dce2e8;flex-shrink:0}.figure-toolbar button{font:inherit;font-size:12px;color:#20272e;background:#f4f6f8;border:1px solid #dce2e8;border-radius:4px;padding:7px 10px;cursor:pointer}.figure-toolbar button:focus-visible,.figure-stage:focus-visible{outline:3px solid #205d9e88;outline-offset:-3px}.figure-toolbar .figure-close{margin-left:auto}.figure-stage{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:16px;background:#fff;touch-action:pan-x pan-y}.figure-stage img{display:block;height:auto;max-width:none!important;margin:0 auto}.figure-caption{margin:0;padding:10px 16px;border-top:1px solid #dce2e8;font-size:12px;line-height:1.6;max-height:90px;overflow:auto;flex-shrink:0}
@media(max-width:600px){.figure-viewer{width:98vw;height:90vh;max-height:94vh}.figure-toolbar{gap:5px;padding:9px}.figure-toolbar button{font-size:11px;padding:6px 8px}.figure-stage{padding:10px}}