/* Снимки на цял екран (помощник, window.plaboViewer). Като Viewer.jsx в прототипа. */
html.pfx-vw-lock, html.pfx-vw-lock body { overflow: hidden !important; }
.pfx-vw { --vw: var(--room, #fff); position: fixed; inset: 0; z-index: 99995; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: rgba(6, 7, 9, .97); color: #F2F0EB; font-family: var(--font, 'Montserrat', sans-serif); -webkit-font-smoothing: antialiased; animation: pfx-vw-in .45s var(--ease-out, cubic-bezier(.16, 1, .3, 1)); }
.pfx-vw.is-light { background: rgba(251, 247, 238, .98); color: #1C1A17; }
@keyframes pfx-vw-in { from { opacity: 0; } }
/* бутоните: без стиловете на Salient (той слага на всеки <button> заоблени ъгли с !important) */
body .pfx-vw button { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font: inherit; color: inherit; cursor: pointer; border-radius: var(--br, 0) !important; -webkit-appearance: none; appearance: none; }
.pfx-vw .vw-head { display: flex; align-items: center; gap: 20px; padding: 18px var(--pad, 24px); }
.pfx-vw .vw-title { min-width: 0; font-size: 13px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; opacity: .7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pfx-vw .vw-count { margin-left: auto; font-size: 13px; letter-spacing: .2em; opacity: .7; white-space: nowrap; }
.pfx-vw .vw-count b { font-weight: 800; }
body .pfx-vw .vw-x { --br: 50%; flex: none; width: 44px; height: 44px; box-shadow: inset 0 0 0 1px currentColor; font-size: 15px; line-height: 1; }
.pfx-vw .vw-stage { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 clamp(16px, 6vw, 110px); }
.pfx-vw .vw-fig { margin: 0; display: grid; justify-items: center; max-height: 100%; animation: pfx-vw-img .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1)); }
@keyframes pfx-vw-img { from { opacity: 0; transform: scale(.97); filter: blur(6px); } }
.pfx-vw .vw-fig img { display: block; max-width: 100%; max-height: calc(100svh - 230px); width: auto; height: auto; object-fit: contain; box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .7); }
.pfx-vw .vw-side { position: absolute; top: 0; bottom: 0; width: 22%; z-index: 1; }
.pfx-vw .vw-side.is-prev { left: 0; cursor: w-resize; }
.pfx-vw .vw-side.is-next { right: 0; cursor: e-resize; }
.pfx-vw .vw-thumbs { display: flex; gap: 8px; justify-content: safe center; padding: 14px var(--pad, 24px) 20px; overflow-x: auto; scrollbar-width: none; }
.pfx-vw .vw-thumbs button { flex: 0 0 64px; height: 46px; overflow: clip; opacity: .4; outline: 1px solid transparent; transition: opacity .3s, outline-color .3s; }
.pfx-vw .vw-thumbs button.is-on { opacity: 1; outline-color: var(--vw); }
.pfx-vw .vw-thumbs img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
@media (max-width: 700px) { .pfx-vw .vw-thumbs { justify-content: flex-start; } .pfx-vw .vw-fig img { max-height: calc(100svh - 200px); } }
@media (prefers-reduced-motion: reduce) { .pfx-vw, .pfx-vw .vw-fig { animation: none; } }