#messages .bubble.assistant.image-result>.attachment-media>img[data-preview-ready="1"]{cursor:zoom-in}
#messages .bubble.assistant.image-result>.attachment-media>img[data-preview-ready="1"]:focus-visible{outline:3px solid #e995ff;outline-offset:4px}
.generated-image-preview{width:calc(100vw - 16px);max-width:none;height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:none;margin:auto;padding:0;border:0;border-radius:14px;background:#050308f5;color:#fff;overflow:hidden}
.generated-image-preview[open]{display:grid;grid-template-rows:1fr}
.generated-image-preview::backdrop{background:#050308f5;backdrop-filter:blur(12px)}
.generated-image-preview__stage{box-sizing:border-box;display:grid;place-items:center;min-width:0;min-height:0;padding:72px 12px 12px;padding:max(72px,calc(env(safe-area-inset-top) + 64px)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}
.generated-image-preview__stage img{display:block;width:auto;height:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);max-width:calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;border-radius:10px;box-shadow:0 18px 70px #000b}
.generated-image-preview__toolbar{position:fixed;z-index:2;top:12px;right:12px;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px}
.generated-image-preview__toolbar button{min-width:44px;min-height:44px;border:1px solid #ffffff4a;border-radius:11px;background:#150d1ee8;color:#fff;font:inherit;font-weight:850;box-shadow:0 8px 28px #0009;backdrop-filter:blur(12px);cursor:pointer}
.generated-image-preview__download{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px}
.generated-image-preview__download span{font-size:19px;line-height:1}
.generated-image-preview__close{padding:4px 12px;font-size:27px;line-height:1}
.generated-image-preview__toolbar button:hover,.generated-image-preview__toolbar button:focus-visible{background:#742396;outline:2px solid #fff;outline-offset:2px}
@media(max-width:560px){.generated-image-preview__toolbar{left:10px;right:10px;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));justify-content:flex-end}.generated-image-preview__stage{padding-top:70px;padding-inline:8px;padding-bottom:8px;padding-top:max(70px,calc(env(safe-area-inset-top) + 62px));padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.generated-image-preview,.generated-image-preview::backdrop{scroll-behavior:auto}}
@media(forced-colors:active){.generated-image-preview,.generated-image-preview::backdrop{background:Canvas}.generated-image-preview__toolbar button{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}}