/* Shared screenshot previews; page-specific image slots stay in their own styles. */
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-hint{
  position:absolute;right:8px;bottom:8px;width:24px;height:24px;display:grid;place-items:center;
  border-radius:5px;background:rgba(15,18,20,.76);color:#fff;pointer-events:none;
  transition:background-color .12s ease;
}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-hint svg{
  display:block;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;opacity:.75;
  transition:opacity .12s ease,transform .12s ease;
}
:is(.page-wl,.page-pb,.page-cc,.page-jd) [data-image-preview]:focus-visible .wl-preview-hint{background:rgba(15,18,20,.94);transition-duration:.16s}
:is(.page-wl,.page-pb,.page-cc,.page-jd) [data-image-preview]:focus-visible .wl-preview-hint svg{opacity:1;transform:scale(1.08);transition-duration:.16s}
@media (hover:hover) and (pointer:fine){
  :is(.page-wl,.page-pb,.page-cc,.page-jd) [data-image-preview]:hover .wl-preview-hint{background:rgba(15,18,20,.94);transition-duration:.16s}
  :is(.page-wl,.page-pb,.page-cc,.page-jd) [data-image-preview]:hover .wl-preview-hint svg{opacity:1;transform:scale(1.08);transition-duration:.16s}
}
@media (prefers-reduced-motion:reduce){
  :is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-hint,:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-hint svg{transition:none!important}
  :is(.page-wl,.page-pb,.page-cc,.page-jd) [data-image-preview] .wl-preview-hint svg{transform:none!important}
}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-image-preview{
  position:fixed;inset:0;margin:0;padding:40px 48px;width:100%;height:100%;max-width:none;max-height:none;
  border:0;background:transparent;color:var(--t1);overflow:hidden;
}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-image-preview::backdrop{background:rgba(0,0,0,.9)}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-image-preview[open]{display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-panel{width:min(1600px,100%);max-width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;font-size:16px;line-height:24px}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-actions{display:flex;align-items:center;gap:12px;flex:none}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-actions button{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:#1a1a1a}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-zoom{padding:0 16px;min-width:100px;font-size:14px}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-close{width:44px}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-actions button:hover{border-color:var(--mut2)}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-viewport{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;background:#151515}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-image{flex:none;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-viewport.is-actual-size{display:block}
:is(.page-wl,.page-pb,.page-cc,.page-jd) .wl-preview-viewport.is-actual-size .wl-preview-image{max-width:none;max-height:none;margin:0}