.viewer-shell[data-v-9ad81bae]{--viewer-background:var(--slop-viewer-frame-viewer-shell-surface);--viewer-divider:rgba(var(--surface-highlight-rgb), .0705882);--viewer-hover:rgba(var(--surface-highlight-rgb), .0313726);background:var(--viewer-background);height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex}.viewer-toolbar[data-v-9ad81bae]{background:0 0;flex-shrink:0;align-items:center;gap:20px;padding:12px 18px;display:flex}.viewer-toolbar[data-v-9ad81bae] .viewer-disabled,.viewer-toolbar[data-v-9ad81bae] a,.viewer-toolbar[data-v-9ad81bae] button{min-height:44px;color:var(--text-strong);font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}.viewer-toolbar[data-v-9ad81bae] a,.viewer-toolbar[data-v-9ad81bae] button{cursor:pointer;transition:background .15s}.viewer-toolbar[data-v-9ad81bae] a:hover,.viewer-toolbar[data-v-9ad81bae] button:hover:not(:disabled){background:var(--viewer-hover)}.viewer-toolbar[data-v-9ad81bae] a:focus-visible,.viewer-toolbar[data-v-9ad81bae] button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.viewer-toolbar[data-v-9ad81bae] .viewer-disabled,.viewer-toolbar[data-v-9ad81bae] button:disabled{opacity:.4;cursor:default}.viewer-close[data-v-9ad81bae]{gap:10px}.viewer-navigation[data-v-9ad81bae]{align-items:center;gap:20px;margin-left:auto;display:flex}.viewer-navigation[data-v-9ad81bae] .viewer-position{color:var(--text-muted);font-size:12px}.viewer-navigation[data-v-9ad81bae] .viewer-paging{gap:8px;display:flex}.viewer-hint[data-v-9ad81bae]{color:var(--text-muted);flex-shrink:0;justify-content:space-between;gap:12px;padding:10px 20px;font-size:11px;display:flex}.viewer-hint[data-v-9ad81bae] button{color:var(--danger-feedback);cursor:pointer;font:inherit;background:0 0;border:0}.viewer-hint[data-v-9ad81bae] .mobile-hint{display:none}@media (width<=760px){.viewer-toolbar[data-v-9ad81bae]{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:10px}.viewer-toolbar[data-v-9ad81bae] a,.viewer-toolbar[data-v-9ad81bae] button{padding-inline:10px}button.viewer-close span[data-v-9ad81bae]{display:none}.viewer-navigation[data-v-9ad81bae]{gap:10px}.viewer-hint[data-v-9ad81bae]{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.viewer-hint[data-v-9ad81bae] .desktop-hint{display:none}.viewer-hint[data-v-9ad81bae] .mobile-hint{display:block}}