.public-image-preview{box-sizing:border-box;color:#f4f0e5;background:#181917;border:0;border-radius:8px;width:calc(100% - 48px);max-width:1440px;height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;font:14px/1.5 Arial,sans-serif;overflow:hidden}.public-image-preview.image-preview-simple{max-width:960px}.image-preview-title{color:#cecbbf;margin:0 auto 0 0;font:400 14px/1.5 Arial,sans-serif}.public-image-preview[open]{flex-direction:column;display:flex}.public-image-preview::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060708b8}.public-image-preview :focus-visible{outline-offset:-2px;outline:2px solid #ffcf7b}.image-preview-toolbar{flex:none;justify-content:flex-end;align-items:center;gap:6px;padding:10px 16px;display:flex}.image-preview-status button,.image-preview-toolbar button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:relative}.image-preview-toolbar button:hover,.image-preview-toolbar button[aria-pressed=true]{background:#ffffff12}.image-preview-toolbar button:disabled{opacity:.35;cursor:default}.image-preview-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px;height:20px}.image-preview-toolbar output{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:12px}.image-preview-toolbar .image-preview-close{margin-left:10px}.image-preview-tooltip{color:#f4f0e5;white-space:nowrap;z-index:2;pointer-events:none;background:#353632;border-radius:3px;padding:5px 8px;font-size:12px;display:none;position:absolute;top:100%;right:0}.image-preview-toolbar button:is(:hover,:focus-visible) .image-preview-tooltip{display:block}.image-preview-stage{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-color:#77786f #181917;flex:1;min-height:0;overflow:auto}.image-preview-canvas{box-sizing:border-box;justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:100%;padding:16px;display:flex}.image-preview-canvas img{-webkit-user-select:none;user-select:none;flex:none;max-width:none;max-height:none;display:block}.image-preview-stage.is-dragging{cursor:grabbing}.image-preview-status{text-align:center}.image-preview-status button{border:1px solid #f4f0e544;margin:auto;padding:0 16px}.image-preview-caption{color:#cecbbf;flex:none;max-height:25dvh;padding:12px 24px 20px;font-size:13px;overflow:auto}.image-preview-caption p{margin:0}.image-preview-caption a{color:inherit;text-decoration:underline}@media (width<=760px){.public-image-preview{border-radius:0;width:100%;max-width:none;height:100dvh}.image-preview-toolbar{padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.image-preview-caption{padding:12px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.image-preview-stage{padding-bottom:env(safe-area-inset-bottom)}}