.app-shot.svelte-1t0r732{margin:0;width:100%}.shot-btn.svelte-1t0r732{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;position:relative;text-align:left;border-radius:var(--radius-md)}.shot.svelte-1t0r732{display:block;width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.shot-btn.svelte-1t0r732:hover .shot:where(.svelte-1t0r732){border-color:var(--color-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--color-accent) 15%,transparent)}.zoom-badge.svelte-1t0r732{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:999px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 4px 12px #00000026}.shot-btn.svelte-1t0r732:hover .zoom-badge:where(.svelte-1t0r732),.shot-btn.svelte-1t0r732:focus-visible .zoom-badge:where(.svelte-1t0r732){opacity:1;transform:translateY(0)}.shot--mobile.svelte-1t0r732{display:none!important}.shot--desktop.shot--dark.svelte-1t0r732,[data-theme=dark] .shot--desktop.shot--light.svelte-1t0r732{display:none}[data-theme=dark] .shot--desktop.shot--dark.svelte-1t0r732{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .shot--desktop.shot--light.svelte-1t0r732{display:none}:root:not([data-theme=light]) .shot--desktop.shot--dark.svelte-1t0r732{display:block}}@media(max-width:768px){.has-mobile.svelte-1t0r732{max-width:340px;margin-inline:auto}.has-mobile.svelte-1t0r732 .shot--desktop:where(.svelte-1t0r732){display:none!important}.has-mobile.svelte-1t0r732 .shot--mobile.shot--light:where(.svelte-1t0r732){display:block!important}.has-mobile.svelte-1t0r732 .shot--mobile.shot--dark:where(.svelte-1t0r732){display:none!important}[data-theme=dark] .has-mobile.svelte-1t0r732 .shot--mobile.shot--light:where(.svelte-1t0r732){display:none!important}[data-theme=dark] .has-mobile.svelte-1t0r732 .shot--mobile.shot--dark:where(.svelte-1t0r732){display:block!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .has-mobile.svelte-1t0r732 .shot--mobile.shot--light:where(.svelte-1t0r732){display:none!important}:root:not([data-theme=light]) .has-mobile.svelte-1t0r732 .shot--mobile.shot--dark:where(.svelte-1t0r732){display:block!important}}}figcaption.svelte-1t0r732{margin-block-start:var(--space-3);font-size:.8125rem;color:var(--color-muted-2);text-align:center}.lightbox-overlay.svelte-1t0r732{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:svelte-1t0r732-lightbox-fade .2s ease;cursor:zoom-out}@keyframes svelte-1t0r732-lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-scroll.svelte-1t0r732{max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);cursor:default}.lightbox-scroll.scaled-in.svelte-1t0r732{width:100vw;height:100vh;overflow:auto;align-items:flex-start;justify-content:flex-start;-webkit-overflow-scrolling:touch}.lightbox-img.svelte-1t0r732{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-border-2);box-shadow:0 25px 60px #0009;cursor:zoom-in}.lightbox-img.scaled-in.svelte-1t0r732{max-width:180vw;max-height:none;width:auto;height:auto;margin:auto;border-radius:0;cursor:zoom-out}.lightbox-close.svelte-1t0r732{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .15s,background .15s;z-index:10000}.lightbox-close.svelte-1t0r732:hover{transform:scale(1.1);background:var(--color-surface-2)}
