.viewer[data-v-572bd2ed]{--bar:48px;z-index:100;background:oklch(0% 0 0/.95);place-items:center;display:grid;position:fixed;inset:0}.frame[data-v-572bd2ed]{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.bar[data-v-572bd2ed]{height:var(--bar);margin-top:env(safe-area-inset-top);color:#fff;flex:none;align-items:center;gap:2px;padding:0 6px;display:flex}.gap[data-v-572bd2ed]{flex:1}.count[data-v-572bd2ed]{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding:0 6px;font-size:14px}.nav[data-v-572bd2ed]{color:#fff;cursor:pointer;background:oklch(0% 0 0/.5);border:0;border-radius:22px;place-items:center;width:44px;height:44px;margin-top:-22px;display:grid;position:absolute;top:50%}.nav[data-v-572bd2ed]:hover{background:oklch(0% 0 0/.75)}.nav.prev[data-v-572bd2ed]{left:8px}.nav.next[data-v-572bd2ed]{right:8px}.nav svg[data-v-572bd2ed]{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.pct[data-v-572bd2ed]{text-align:center;font-variant-numeric:tabular-nums;width:52px;font-size:14px}.bar button[data-v-572bd2ed],.save[data-v-572bd2ed]{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:20px;flex:none;place-items:center;width:40px;height:40px;display:grid}.bar button[data-v-572bd2ed]:hover,.save[data-v-572bd2ed]:hover{background:oklch(100% 0 0/.12)}.bar svg[data-v-572bd2ed]{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.scroller[data-v-572bd2ed]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:oklch(100% 0 0/.3) transparent;flex:1;min-height:0;display:flex;overflow:auto}.scroller.zoomed[data-v-572bd2ed]{cursor:grab}.scroller.zoomed[data-v-572bd2ed]:active{cursor:grabbing}.content[data-v-572bd2ed]{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;margin:auto;transition:transform .2s cubic-bezier(.22,1,.36,1)}.zoomed .content[data-v-572bd2ed]{max-width:none;height:auto;max-height:none}.box[data-v-572bd2ed]{background:oklch(0% 0 0/.55)}.box .frame[data-v-572bd2ed]{background:#16181c;border-radius:12px;width:auto;min-width:420px;max-width:85vw;height:auto;min-height:280px;max-height:85dvh;overflow:hidden;box-shadow:0 12px 40px oklch(0% 0 0/.45)}.box .bar[data-v-572bd2ed]{margin-top:0}.box .content[data-v-572bd2ed]{max-width:85vw;max-height:calc(85dvh - var(--bar))}.box .zoomed .content[data-v-572bd2ed]{max-width:none;max-height:none}@media (prefers-reduced-motion:reduce){.content[data-v-572bd2ed]{transition:none}}