.image-caption{color:#6b7280;margin-top:.75rem;font-size:.875rem;font-style:italic;font-weight:500}.screenshot-fullwidth{width:100%;max-width:none}.screenshot-small{max-width:200px}.screenshot-medium{max-width:400px}.screenshot-clickable{cursor:zoom-in;transition:all .3s cubic-bezier(.4,0,.2,1)}.screenshot-clickable:hover{opacity:.9}.image-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow:auto;z-index:999999!important}.image-modal-container{flex-direction:column;align-items:center;max-width:95vw;max-height:95vh;animation:.3s ease-out modalSlideIn;display:flex;position:relative;z-index:999999!important}.image-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-20px;right:-20px;transform:none;box-shadow:0 8px 25px #0000004d;z-index:1999999!important}.image-modal-close:active{transform:scale(.95)}.image-modal-image{object-fit:contain;border:3px solid #fff3;border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080;z-index:999999!important}.image-modal-caption{color:#ffffffe6;text-align:center;max-width:600px;margin-top:1rem;font-size:.9rem;font-weight:500;line-height:1.4;z-index:999999!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.image-modal-overlay{padding:.5rem}.image-modal-container{max-width:98vw;max-height:98vh}.image-modal-close{width:40px;height:40px;font-size:16px;top:-50px}.image-modal-image{max-height:85vh}.image-modal-caption{margin-top:.75rem;font-size:.8rem}}.mdx-image-container{text-align:center;margin:2rem 0}.mdx-screenshot{width:auto;max-width:100%;height:auto;display:inline-block}