.step-content-with-image{display:flex;gap:2rem;align-items:flex-start;margin-top:1rem}.step-text-content{flex:1;min-width:0}.step-image-container{flex:0 0 300px;text-align:center}.step-screenshot{width:100%;max-width:300px;height:auto;border-radius:12px;box-shadow:0 8px 25px #00000026;border:2px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.step-screenshot:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000040;border-color:#3700ff66}.image-caption{margin-top:.75rem;font-size:.875rem;color:#6b7280;font-style:italic;font-weight:500}@media (max-width: 768px){.step-content-with-image{flex-direction:column;gap:1.5rem}.step-image-container{flex:none;width:100%}.step-screenshot{max-width:100%}}.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{position:fixed;inset:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999999!important;padding:1rem;backdrop-filter:blur(8px);animation:modalFadeIn .3s ease-out;overflow:auto}.image-modal-container{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;animation:modalSlideIn .3s ease-out;z-index:999999!important}.image-modal-close{position:absolute;top:-20px;right:-20px;border:2px solid rgba(255,255,255,.2);color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);font-size:18px;font-weight:600;box-shadow:0 8px 25px #0000004d;z-index:1999999!important;transform:none}.image-modal-close:active{transform:scale(.95)}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;border:3px solid rgba(255,255,255,.2);z-index:999999!important}.image-modal-caption{margin-top:1rem;color:#ffffffe6;font-size:.9rem;text-align:center;max-width:600px;line-height:1.4;font-weight:500;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 (max-width: 768px){.image-modal-overlay{padding:.5rem}.image-modal-container{max-width:98vw;max-height:98vh}.image-modal-close{top:-50px;width:40px;height:40px;font-size:16px}.image-modal-image{max-height:85vh}.image-modal-caption{font-size:.8rem;margin-top:.75rem}}.mdx-image-container{margin:2rem 0;text-align:center}.mdx-screenshot{max-width:100%;width:auto;height:auto;display:inline-block}.blog-post-layout .mdx-image-container,.docs-content-full-width .mdx-image-container{margin:2rem auto}.blog-post-layout .mdx-screenshot,.docs-content-full-width .mdx-screenshot{max-width:100%;border-radius:12px;box-shadow:0 8px 25px #00000026;border:2px solid rgba(255,255,255,.3)}