.viewer.svelte-gl3wpu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:clamp(18px,4vw,48px)}.viewer-backdrop.svelte-gl3wpu{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#081527c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:zoom-out}.viewer-panel.svelte-gl3wpu{position:relative;z-index:1;display:grid;max-width:min(1040px,100%);max-height:min(820px,100%);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 28px 80px #0815273d}.viewer-panel.svelte-gl3wpu img:where(.svelte-gl3wpu){display:block;width:100%;max-height:min(78vh,760px);object-fit:contain;background:var(--bg)}.viewer-close.svelte-gl3wpu{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer-close.svelte-gl3wpu:hover{border-color:var(--accent);color:var(--accent)}.viewer-close.svelte-gl3wpu svg:where(.svelte-gl3wpu){width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}