.lightbox.svelte-zpd09u{z-index:10;scrollbar-gutter:none;pointer-events:auto;width:100%;height:100%;position:fixed;top:0;left:0}.lightbox.svelte-zpd09u .backdrop:where(.svelte-zpd09u){background-color:var(--bg-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;inset:0}.lightbox.svelte-zpd09u .content:where(.svelte-zpd09u){pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox.svelte-zpd09u .preview:where(.svelte-zpd09u){z-index:11;width:min(var(--viewer-width,1100px), 100dvw - 4rem, (100dvh - 6rem) * var(--viewer-ratio,1.7778), 1400px);pointer-events:auto;flex-direction:column;max-width:calc(100dvw - 4rem);max-height:calc(100dvh - 4.5rem);display:flex;position:relative}@media screen and (width<=768px){.lightbox.svelte-zpd09u .preview:where(.svelte-zpd09u){width:min(var(--viewer-width,100%), 100dvw - 1rem);max-width:calc(100dvw - 1rem);max-height:calc(100dvh - 3.5rem)}}.lightbox.svelte-zpd09u .container:where(.svelte-zpd09u){width:100%;height:auto;max-height:calc(100dvh - 6.5rem);aspect-ratio:var(--viewer-ratio,16/9);border:2px dashed #0000;border-radius:calc(1rem + 4px);justify-content:center;align-items:center;padding:2px;transition:border .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:relative}.lightbox.svelte-zpd09u .container.show-border:where(.svelte-zpd09u){border:2px dashed color-mix(in srgb, var(--contrast) 50%, transparent);background-color:color-mix(in srgb, var(--contrast) 12%, transparent)}.lightbox.svelte-zpd09u .container.show-border:where(.svelte-zpd09u) .panzoom-image{border-radius:1rem}@media screen and (width<=768px){.lightbox.svelte-zpd09u .container:where(.svelte-zpd09u){max-height:calc(100dvh - 5.5rem)}}.lightbox.svelte-zpd09u .caption:where(.svelte-zpd09u){max-width:100%;padding:.5rem 0 0}.lightbox.svelte-zpd09u .caption:where(.svelte-zpd09u) p:where(.svelte-zpd09u){color:var(--text-200);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;overflow:hidden}.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u){background-color:var(--bg-100);border-radius:200px;gap:.25rem;padding:4px;display:flex;position:absolute;top:1rem;right:1rem}.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u) .download-button:where(.svelte-zpd09u),.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u) .close-button:where(.svelte-zpd09u){z-index:12;aspect-ratio:1;width:2.25rem;color:var(--text);border-radius:50%}.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u) .download-button:where(.svelte-zpd09u):hover,.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u) .close-button:where(.svelte-zpd09u):hover{background-color:color-mix(in srgb, var(--text) 25%, transparent)}@media screen and (width<=768px){.lightbox.svelte-zpd09u .top-right:where(.svelte-zpd09u){top:.75rem;right:.75rem}}.update-loading.svelte-1dlc1ii{z-index:1000;background-color:var(--bg-100);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.update-loading.svelte-1dlc1ii .loading-state{text-align:center;max-width:400px;margin:0}.update-loading.svelte-1dlc1ii .loading-message:where(.svelte-1dlc1ii){flex-direction:column;gap:.5rem;display:flex}.update-loading.svelte-1dlc1ii .loading-message:where(.svelte-1dlc1ii) h3:where(.svelte-1dlc1ii),.update-loading.svelte-1dlc1ii .loading-message:where(.svelte-1dlc1ii) p:where(.svelte-1dlc1ii){margin:0}.update-loading.svelte-1dlc1ii .loading-message:where(.svelte-1dlc1ii) p:where(.svelte-1dlc1ii){color:var(--text-soft);font-size:.8125rem;line-height:1.5}.update-app-dialog.svelte-1dlc1ii{z-index:20;border:1px solid var(--border-primary);background-color:var(--bg-100);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:min(400px,100% - 2rem);padding:1rem;display:flex;position:fixed;bottom:1rem;right:1rem}.update-app-dialog.svelte-1dlc1ii .text:where(.svelte-1dlc1ii){flex-direction:column;gap:.25rem;display:flex}.update-app-dialog.svelte-1dlc1ii .title:where(.svelte-1dlc1ii){font-size:.875rem;font-weight:600}.update-app-dialog.svelte-1dlc1ii .description:where(.svelte-1dlc1ii){color:var(--text-soft);font-size:.75rem}.update-app-dialog.svelte-1dlc1ii .version-detail:where(.svelte-1dlc1ii){color:var(--text-soft);font-family:var(--font-mono);font-size:.75rem}.update-app-dialog.svelte-1dlc1ii .button-groups:where(.svelte-1dlc1ii){flex-shrink:0;gap:.5rem;display:flex}@media screen and (width<=520px){.update-app-dialog.svelte-1dlc1ii{flex-direction:column;align-items:stretch;width:calc(100% - 1rem);bottom:.5rem;right:.5rem}.update-app-dialog.svelte-1dlc1ii .button-groups:where(.svelte-1dlc1ii){justify-content:flex-end}}.install-app-dialog.svelte-xpdo0{z-index:10;background-color:color-mix(in srgb, var(--bg-200), 25% transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.5rem;align-items:center;gap:.5rem;width:fit-content;max-width:calc(100% - 1rem);padding:1rem;display:flex;position:absolute;top:4rem;left:1rem;box-shadow:0 -2px 20px #0000000d,0 10px 20px #00000026,0 6px 6px #0000001a}.install-app-dialog.align-top.svelte-xpdo0{top:1rem}@media screen and (width<=640px){.install-app-dialog.svelte-xpdo0{top:3.5rem;left:.5rem}.install-app-dialog.align-top.svelte-xpdo0{top:.5rem}}.install-app-dialog.svelte-xpdo0 .logo:where(.svelte-xpdo0){background:color-mix(in srgb, #4185f4, 80% var(--bg-100));border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.install-app-dialog.svelte-xpdo0 .text:where(.svelte-xpdo0){flex-direction:column;gap:.5rem;display:flex}.install-app-dialog.svelte-xpdo0 .text:where(.svelte-xpdo0) .title:where(.svelte-xpdo0){font-size:.875rem}.install-app-dialog.svelte-xpdo0 .text:where(.svelte-xpdo0) button.outlined:where(.svelte-xpdo0){background-color:var(--bg-100)}.install-app-dialog.svelte-xpdo0 .text:where(.svelte-xpdo0) button.outlined:where(.svelte-xpdo0):hover{background-color:color-mix(in srgb, var(--contrast) 3%, var(--bg-100))}.install-app-dialog.svelte-xpdo0 .text:where(.svelte-xpdo0) .button-groups:where(.svelte-xpdo0){align-items:center;gap:.5rem;display:flex}html:has(body.appScrollLock){background-color:var(--bg-200)}body.appScrollLock{background-color:var(--bg-200)}.main-outer.svelte-1v2axqk{height:var(--real-vh,100dvh);background-color:var(--bg-200);padding:.5rem}@media screen and (width<=640px){.main-outer.svelte-1v2axqk{padding:0}}.main-outer.svelte-1v2axqk main:where(.svelte-1v2axqk){border-radius:.75rem;width:100%;height:100%;padding-bottom:0}
