/* Studio Catalog screenshot viewer (assets/gallery-viewer.js). Light cool-grey panel over a dark translucent backdrop. */
html.studio-viewer-open{overflow:hidden;scrollbar-gutter:stable}
.studio-viewer{--viewer-ink:var(--wp--preset--color--ink,#1d1a18);--viewer-surface:#eef0f3;--viewer-line:#cfd4db;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(8px,2.5vw,32px);border:0;background:transparent;color:var(--viewer-ink);overscroll-behavior:contain}
.studio-viewer *,.studio-viewer *:before,.studio-viewer *:after{box-sizing:border-box}
.studio-viewer::backdrop{background:rgba(14,17,22,.8)}
.studio-viewer[open]{display:flex;align-items:center;justify-content:center}
.studio-viewer__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1440px);height:100%;border-radius:10px;background:var(--viewer-surface);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.studio-viewer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--viewer-line)}
.studio-viewer__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
.studio-viewer__title{margin:0;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.studio-viewer__count{margin:0;font-size:15px;line-height:1.4;color:#4a4f57;font-variant-numeric:tabular-nums}
.studio-viewer__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.studio-viewer__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin:0;padding:8px 14px;border:1px solid var(--viewer-line);border-radius:6px;background:#fff;color:var(--viewer-ink);font:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.studio-viewer__button:hover{border-color:#8f96a0;text-decoration:none}
.studio-viewer__button:focus-visible,.studio-viewer__stage:focus-visible{outline:2px solid var(--viewer-ink);outline-offset:2px}
.studio-viewer__button[aria-pressed="true"]{background:var(--viewer-ink);border-color:var(--viewer-ink);color:#fff}
.studio-viewer__button[hidden]{display:none}
.studio-viewer__close{width:44px;padding:0;font-size:26px;font-weight:400;line-height:1}
.studio-viewer__glyph{font-size:18px;line-height:1}
.studio-viewer__stage{position:relative;min-height:0;overflow:hidden;background:#e3e6ea}
.studio-viewer__image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:clamp(8px,1.5vw,20px);object-fit:contain;object-position:center top}
.studio-viewer.is-full-width .studio-viewer__stage{overflow-y:auto;overscroll-behavior:contain}
.studio-viewer.is-full-width .studio-viewer__image{position:static;height:auto;max-width:100%;margin-inline:auto}
.studio-viewer__stage.is-loading .studio-viewer__image,.studio-viewer__stage.is-error .studio-viewer__image{visibility:hidden}
.studio-viewer__status{position:absolute;top:50%;left:50%;width:min(90%,420px);margin:0;transform:translate(-50%,-50%);font-size:15px;line-height:1.5;text-align:center;color:#4a4f57}
.studio-viewer__status:empty{display:none}
.studio-viewer__nav{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--viewer-line)}
@media(max-width:600px){
  .studio-viewer{padding:0}
  .studio-viewer__panel{border-radius:0}
  .studio-viewer__bar{padding-left:14px}
  .studio-viewer__title{font-size:16px}
  .studio-viewer__tools{width:100%;margin-left:0}
  .studio-viewer__close{margin-left:auto}
  .studio-viewer__nav .studio-viewer__button{flex:1}
}
@media(prefers-reduced-motion:no-preference){
  .studio-viewer[open] .studio-viewer__panel{animation:studio-viewer-in .16s ease-out}
  @keyframes studio-viewer-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
}
@media(forced-colors:active){
  .studio-viewer__panel,.studio-viewer__button{border:1px solid CanvasText}
  .studio-viewer__button[aria-pressed="true"]{background:Highlight;color:HighlightText}
}