.viewer-root.svelte-i8ck1s{min-height:100dvh;background:#000;color:#fafafa;display:flex;flex-direction:column;overflow:hidden}.viewer-bar.svelte-i8ck1s{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0009;backdrop-filter:saturate(120%) blur(12px);-webkit-backdrop-filter:saturate(120%) blur(12px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;transition:transform .22s ease-out,opacity .22s ease-out}.viewer-root.chrome-hidden.svelte-i8ck1s .viewer-bar:where(.svelte-i8ck1s){transform:translateY(-100%);opacity:0;pointer-events:none}.viewer-root.chrome-hidden.svelte-i8ck1s .viewer-meta,.viewer-root.chrome-hidden.svelte-i8ck1s .viewer-filename,.viewer-root.chrome-hidden.svelte-i8ck1s .edge{opacity:0!important;pointer-events:none}.bar-left.svelte-i8ck1s{display:flex;align-items:center;gap:1rem;min-width:0;flex-wrap:wrap}.bar-logo-link.svelte-i8ck1s{display:inline-flex;align-items:center;flex-shrink:0;padding:.2rem;border-radius:4px;line-height:0;margin-right:.25rem;transition:background-color .15s ease}.bar-logo-link.svelte-i8ck1s:hover{background:#ffffff14}.bar-logo-link.svelte-i8ck1s:focus-visible{outline:2px solid var(--pp-accent, currentColor);outline-offset:2px}.bar-logo.svelte-i8ck1s{max-height:24px;max-width:96px;width:auto;height:auto;object-fit:contain;display:block}.bar-center.svelte-i8ck1s{text-align:center;min-width:0}.bar-title.svelte-i8ck1s{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-position.svelte-i8ck1s{font-size:.75rem;color:#ffffff8c;margin-top:.125rem}.bar-right.svelte-i8ck1s{display:flex;justify-content:flex-end;gap:.4rem}.bar-btn.svelte-i8ck1s{display:inline-flex;align-items:center;gap:.3rem;background:transparent;color:inherit;border:0;padding:.4rem .7rem;border-radius:999px;font-size:.875rem;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .12s,color .12s}.bar-btn.svelte-i8ck1s:hover:not(:disabled){background:#ffffff14}.bar-btn.svelte-i8ck1s:focus-visible{outline:2px solid var(--pp-accent, currentColor);outline-offset:2px}.bar-btn.svelte-i8ck1s:disabled{cursor:progress;opacity:.6}.bar-btn.icon.svelte-i8ck1s{width:36px;height:36px;padding:0;justify-content:center}.bar-btn.active.svelte-i8ck1s .bar-icon:where(.svelte-i8ck1s){color:#fb7185}.bar-btn.back.svelte-i8ck1s .bar-icon:where(.svelte-i8ck1s){font-size:1.25rem;line-height:1}.bar-btn.icon.svelte-i8ck1s .bar-icon:where(.svelte-i8ck1s){font-size:1.05rem;line-height:1}@media (max-width: 480px){.bar-label.svelte-i8ck1s{display:none}}.viewer-stage.svelte-i8ck1s{flex:1;position:relative;overflow:hidden;transition:opacity .22s ease-out,transform .22s ease-out;min-height:0}.viewer-stage.dragging-vertical.svelte-i8ck1s{transition:none}.swipe-track.svelte-i8ck1s{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:300%;height:100%;transition:transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.swipe-track.dragging.svelte-i8ck1s{transition:none;cursor:grabbing}.swipe-track.no-transition.svelte-i8ck1s{transition:none}.swipe-panel.svelte-i8ck1s{flex:0 0 33.3333%;width:33.3333%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.swipe-panel.svelte-i8ck1s img:where(.svelte-i8ck1s){max-width:100%;max-height:calc(100dvh - 12rem);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.current-frame.svelte-i8ck1s{position:relative;display:inline-block;line-height:0;max-width:100%;transform-origin:center center;transition:transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform}.current-frame.gesture-active.svelte-i8ck1s{transition:none}.current-frame.zoomed.svelte-i8ck1s img:where(.svelte-i8ck1s){max-height:100dvh}.viewer-meta.svelte-i8ck1s{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.625rem;pointer-events:none;transition:opacity .18s ease-out;z-index:2;padding:4rem 1rem 1rem;background:linear-gradient(to top,#0000008c,#00000059 40%,#0000)}.viewer-meta.fading.svelte-i8ck1s{opacity:0}.viewer-filename.svelte-i8ck1s{position:absolute;left:.875rem;bottom:.875rem;color:#ffffff8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;transition:opacity .18s ease-out;z-index:1;max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-filename.fading.svelte-i8ck1s{opacity:0}.viewer-caption.svelte-i8ck1s{color:#ffffffc7;font-size:.85rem;text-align:center;max-width:60ch;line-height:1.5;margin:0;padding:0 1rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.viewer-keywords.svelte-i8ck1s{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .4rem;max-width:60ch}.viewer-keywords.svelte-i8ck1s li:where(.svelte-i8ck1s){color:#ffffffd9;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);padding:.18rem .6rem;border-radius:999px;font-size:.72rem;line-height:1.3;letter-spacing:.01em}@media (max-width: 600px){.viewer-keywords.svelte-i8ck1s{display:none}}.edge.svelte-i8ck1s{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff14;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:1.5rem;line-height:1;opacity:0;transition:opacity .15s,background .15s}.viewer-stage.svelte-i8ck1s:hover .edge:where(.svelte-i8ck1s),.edge.svelte-i8ck1s:focus-visible{opacity:1}.edge.svelte-i8ck1s:hover{background:#ffffff2e}.edge.svelte-i8ck1s:focus-visible{outline:2px solid var(--pp-accent, currentColor);outline-offset:2px}.edge.prev.svelte-i8ck1s{left:1rem}.edge.next.svelte-i8ck1s{right:1rem}@media (hover: none){.edge.svelte-i8ck1s{display:none}}.share-toast.svelte-i8ck1s{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#ffffffeb;color:#18181b;padding:.5rem .875rem;border-radius:999px;font-size:.825rem;box-shadow:0 6px 24px #0006;animation:svelte-i8ck1s-toast-in .18s ease-out}@keyframes svelte-i8ck1s-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}body{font-family:var(--pp-font-b, system-ui, -apple-system, sans-serif)}h1,h2,h3{font-family:var(--pp-font-h, var(--pp-font-b, system-ui))}.bar-btn.icon.active.svelte-i8ck1s{color:var(--pp-brand, #ef4444)}