.image-preview{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#171b24;color:#f6f7fb;overflow:hidden;overscroll-behavior:contain;font-family:inherit}
.image-preview[open]{display:flex;flex-direction:column}.image-preview::backdrop{background:#171b24}
.image-preview [hidden]{display:none!important}.image-preview *{box-sizing:border-box}
.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:max(12px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left))}
.image-preview-head h2{color:inherit;font-size:17px;font-weight:600;line-height:1.5;margin:0}
.image-preview .image-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:8px 15px;margin:0;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;color:#f6f7fb;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;text-decoration:none;touch-action:manipulation;transition:background .15s}
.image-preview .image-preview-button:disabled{opacity:.3;cursor:default}.image-preview .image-preview-close{border-radius:50%;font-size:28px;line-height:1;padding:0;width:44px;height:44px}
.image-preview :focus-visible{outline:2px solid #b2baff;outline-offset:3px}.image-preview-stage:focus-visible{outline-offset:-4px}
.image-preview-stage{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;cursor:zoom-in;margin:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}
.image-preview-stage.is-zoomed{cursor:grab}.image-preview-stage.is-zoomed.is-dragging{cursor:grabbing}
.image-preview-holder{position:absolute;left:50%;top:50%;width:0;height:0;will-change:transform}
.image-preview-holder img{display:block;position:absolute;left:0;top:0;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:contain;-webkit-user-drag:none}
.image-preview-notice{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(380px,85%);font-size:14px;color:#c6ccdb;line-height:1.8}
.image-preview-stage>.image-preview-button{position:absolute;top:55%;left:50%;transform:translateX(-50%)}
.image-preview-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:14px 28px;flex-wrap:wrap;padding:16px max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.image-preview-choices,.image-preview-tools{display:flex;align-items:center;gap:6px}.image-preview .image-preview-choices .image-preview-button{border-color:transparent;color:#b8bfce}
.image-preview .image-preview-choices [aria-pressed=true]{background:#f1f3ff;color:#272e49;border-color:#f1f3ff}
.image-preview .image-preview-tools .image-preview-button{font-size:23px;padding:5px 10px}.image-preview .image-preview-tools .image-preview-reset{font-size:13px;min-width:116px;font-variant-numeric:tabular-nums}
.image-preview-hint{flex-basis:100%;margin:0;text-align:center;line-height:1.5;font-size:12px;color:#a6aebe}.image-preview-touch-hint{display:none}
@media(hover:hover){.image-preview .image-preview-button:not(:disabled):hover{background:#ffffff20}.image-preview .image-preview-choices [aria-pressed=true]:hover{background:#fff}}
@media(pointer:coarse){.image-preview-mouse-hint{display:none}.image-preview-touch-hint{display:inline}}
@media(max-width:600px){.image-preview-head{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.image-preview-head h2{font-size:16px}.image-preview-stage{margin-left:0;margin-right:0}.image-preview-footer{gap:12px;padding-top:12px}.image-preview-choices{flex-basis:100%;justify-content:center}.image-preview-choices .image-preview-button{flex:1;max-width:150px}.image-preview-hint{font-size:11px}}
@media(max-height:500px) and (min-width:601px){.image-preview-head{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}.image-preview-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.image-preview-hint{display:none}}
@media(prefers-reduced-motion:reduce){.image-preview .image-preview-button{transition:none}}
.image-preview-counter{font-size:13px;min-width:58px;text-align:center;font-variant-numeric:tabular-nums}.image-preview-attribution{flex-basis:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 16px;max-height:84px;overflow:auto;overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:#bbc3d5}.image-preview-attribution>span{max-width:min(520px,100%)}.image-preview-attribution a{color:#cad3ff;min-height:44px;display:inline-flex;align-items:center;touch-action:manipulation}.image-preview-choices.is-gallery .image-preview-button{max-width:none;flex:none}.image-preview-choices.is-gallery{flex-wrap:nowrap}