.pg{min-width:0;top:calc(var(--catbar-h) + 16px);grid-template-columns:84px minmax(0,1fr);align-items:start;gap:12px;display:grid;position:sticky}.pg-thumbs{max-height:var(--sq);scrollbar-width:thin;flex-direction:column;gap:8px;min-width:0;display:flex;overflow:auto}.pg-thumbs button,.pg-dialog-thumbs button{aspect-ratio:1;border:1px solid var(--line);opacity:.75;width:84px;transition:border-color var(--t1),opacity var(--t1);background:#fff;flex:none;padding:0;display:block;overflow:hidden}.pg-thumbs button:hover,.pg-dialog-thumbs button:hover{opacity:1}.pg-thumbs button[aria-current=true]{border:2px solid var(--ink);opacity:1}.pg-thumbs img,.pg-dialog-thumbs img{object-fit:contain;width:100%;height:100%;display:block}.pg-preview{width:100%;min-width:0;max-width:var(--sq);aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);position:relative;overflow:hidden}.pg-open{cursor:zoom-in;touch-action:pan-y;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.pg-open:disabled{cursor:default}.pg-open img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}.pg-unavailable,.pg-dialog-unavailable{color:var(--muted);text-align:center;padding:16px;font-size:13px}.pg-arrow,.pg-dialog-arrow{border:1px solid var(--line-2);z-index:1;background:#fffffff0;place-items:center;width:44px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pg-arrow:hover{background:#fff}.pg-prev{left:0}.pg-next{right:0}.pg-counter{background:var(--ink);color:#fff;pointer-events:none;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0}.pg-fullscreen{background:var(--lime);min-height:34px;color:var(--lime-ink);z-index:1;border:0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:750;display:flex;position:absolute;bottom:0;right:0}.pg-fullscreen:disabled{opacity:.5}dialog.pg-dialog{color:#fff;background:#071a1c;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.pg-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.pg-dialog::backdrop{background:#000000e0}.pg-dialog-head{min-width:0;min-height:56px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));border-bottom:1px solid #fff3;align-items:center;gap:12px;display:flex}.pg-dialog-head b{white-space:nowrap}.pg-dialog-label{text-overflow:ellipsis;white-space:nowrap;color:#cbd8d8;min-width:0;font-size:12px;overflow:hidden}.pg-dialog-counter{white-space:nowrap;margin-left:auto;font-size:12px}.pg-close{color:#fff;background:0 0;border:1px solid #ffffff59;flex:none;place-items:center;width:40px;height:40px;font-size:26px;line-height:1;display:grid}.pg-close:hover,.pg-zoom:hover{background:#ffffff26}.pg-dialog-stage{touch-action:pan-y;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.pg-dialog-stage.is-zoomed{touch-action:none}.pg-dialog-stage>img{object-fit:contain;transform-origin:50%;width:100%;min-width:0;height:100%;min-height:0;transition:transform var(--t2) var(--ease);cursor:zoom-in;position:absolute;inset:0}.pg-dialog-stage>img.is-zoomed{transform:translate(var(--pg-pan-x,0px),var(--pg-pan-y,0px)) scale(2);cursor:move}.pg-dialog-stage .pg-dialog-unavailable{color:#d0dada}.pg-dialog-arrow{color:#fff;z-index:2;background:#0000008c;border-color:#ffffff59;width:52px;height:52px}.pg-dialog-arrow:hover{background:#ffffff2e}.pg-dialog-arrow.pg-prev{left:12px}.pg-dialog-arrow.pg-next{right:12px}.pg-dialog-foot{min-width:0;min-height:80px;padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid #fff3;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.pg-zoom{color:#fff;white-space:nowrap;background:0 0;border:1px solid #ffffff59;min-height:40px;padding:0 14px}.pg-zoom:disabled{opacity:.5}.pg-dialog-thumbs{scrollbar-width:thin;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.pg-dialog-thumbs button{background:#fff;border-color:#0000;width:60px}.pg-dialog-thumbs button[aria-current=true]{border:2px solid var(--lime);opacity:1}@media (width<=900px){.pg{grid-template-columns:minmax(0,1fr);position:static}.pg-preview{order:1;max-width:none}.pg-thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto}.pg-thumbs button{width:64px}}@media (width<=640px){.pg-arrow{width:40px;height:44px}.pg-dialog-head{gap:8px;min-height:52px}.pg-dialog-arrow{width:40px;height:44px;top:auto;bottom:12px;transform:none}.pg-dialog-arrow.pg-prev{left:8px}.pg-dialog-arrow.pg-next{right:8px}.pg-dialog-foot{gap:8px;min-height:72px}.pg-dialog-thumbs{justify-content:flex-start}.pg-dialog-thumbs button{width:52px}}@media (prefers-reduced-motion:reduce){.pg-dialog-stage>img{transition:none}}