.fg-overlay{z-index:20000;background:var(--viewer-backdrop);color:var(--viewer-ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:fixed;inset:0}.fg-overlay:focus{outline:none}.fg-topbar{min-height:56px;padding:env(safe-area-inset-top) calc(8px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));background:var(--viewer-bar);flex:none;align-items:center;gap:6px;display:flex}.fg-title{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.fg-filename{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.fg-meta{min-width:0;max-width:100%;color:var(--viewer-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fg-counter{font-variant-numeric:tabular-nums;color:var(--viewer-muted);flex-shrink:0;margin-right:6px;font-size:13px}.fg-btn{width:44px;height:44px;color:var(--viewer-ink);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s;display:inline-flex}.fg-btn:hover{background:var(--viewer-control-hover)}.fg-btn[aria-disabled=true]{opacity:.35;cursor:default;background:0 0}.fg-btn.is-on{background:var(--viewer-control-hover)}.fg-btn:focus-visible{outline:2px solid var(--viewer-ink);outline-offset:-2px}.fg-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.fg-stage.fg-stage--image{touch-action:none}.fg-stage.fg-stage--image.is-zoomed{cursor:grab}.fg-stage.fg-stage--image.is-zoomed.is-live{cursor:grabbing}.fg-image{transform-origin:50%;-webkit-touch-callout:none;background:var(--form-card);max-width:none;max-height:none;transition:transform .18s ease-out,filter .18s;position:absolute;top:50%;left:50%}.is-live .fg-image{transition:none}.fg-image.is-loading{visibility:hidden}.fg-image.fg-image--boost{filter:contrast(1.45)brightness(1.08)saturate(.6)}.fg-stage--image:not(.is-zoomed) .fg-image{cursor:zoom-in}.fg-spinner{border:3px solid var(--viewer-control-hover);border-top-color:var(--viewer-ink);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite fgSpin}@keyframes fgSpin{to{transform:rotate(360deg)}}.fg-video{border-radius:6px;max-width:calc(100% - 136px);max-height:calc(100% - 24px)}.fg-pdf{background:var(--form-card);border:none;border-radius:6px;width:min(100% - 136px,1100px);height:calc(100% - 24px)}.fg-fallback{background:var(--viewer-control);max-width:calc(100% - 136px);color:var(--viewer-ink);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:40px 48px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.fg-fallback:hover{background:var(--viewer-control-hover)}.fg-fallback-note{color:var(--viewer-muted);font-weight:400}.fg-nav{z-index:2;border:1px solid var(--viewer-control-hover);background:var(--viewer-bar);width:52px;height:52px;color:var(--viewer-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.fg-nav:hover{background:var(--viewer-backdrop)}.fg-nav:focus-visible{outline:2px solid var(--viewer-ink);outline-offset:2px}.fg-nav-prev{left:calc(16px + env(safe-area-inset-left))}.fg-nav-next{right:calc(16px + env(safe-area-inset-right))}.fg-toolbar{flex:none;justify-content:center;align-items:center;height:60px;display:flex}.fg-toolbar:last-child{box-sizing:content-box;padding-bottom:env(safe-area-inset-bottom)}.fg-tools{background:var(--viewer-control);border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex}.fg-zoom{font-variant-numeric:tabular-nums;width:auto;min-width:60px;padding:0 6px;font-size:13px;font-weight:600}.fg-sep{background:var(--viewer-control-hover);width:1px;height:24px;margin:0 4px}.fg-strip{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--viewer-bar);scrollbar-width:thin;scrollbar-color:var(--viewer-control-hover) transparent;flex:none;display:flex;position:relative;overflow-x:auto}.fg-strip-inner{gap:8px;margin:0 auto;display:flex}.fg-thumb{background:var(--viewer-control);width:60px;height:60px;color:var(--viewer-ink);opacity:.55;cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.fg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.fg-thumb:hover{opacity:.9}.fg-thumb.is-active{opacity:1;border-color:var(--viewer-ink)}.fg-thumb:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.fg-thumb-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (prefers-reduced-motion:reduce){.fg-image{transition:none}.fg-spinner{animation-duration:2.4s}}@media (width<=576px){.fg-topbar{padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right));gap:2px}.fg-title{flex-direction:column;gap:0}.fg-filename{max-width:100%;font-size:13px}.fg-meta{font-size:11px}.fg-nav{width:44px;height:44px}.fg-nav-prev{left:calc(6px + env(safe-area-inset-left))}.fg-nav-next{right:calc(6px + env(safe-area-inset-right))}.fg-video,.fg-fallback{max-width:calc(100% - 24px)}.fg-pdf{border-radius:0;width:100%;height:100%}.fg-toolbar{height:54px}.fg-tools{padding:2px}.fg-zoom{min-width:54px}.fg-sep{margin:0 2px}.fg-strip{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.fg-strip-inner{gap:6px}.fg-thumb{width:48px;height:48px}}@media (height<=500px){.fg-topbar{gap:4px;min-height:48px}.fg-topbar .fg-tools{background:0 0;padding:0}.fg-zoom{min-width:54px}.fg-sep{margin:0 2px}.fg-nav{width:44px;height:44px}.fg-strip{padding:4px 12px calc(4px + env(safe-area-inset-bottom))}.fg-strip-inner{gap:6px}.fg-thumb{width:44px;height:44px}}