.pics-scroll{--pics-height:300px;--pics-gap:12px;--pics-surface:rgba(127,127,127,.08);--pics-border:rgba(127,127,127,.4);display:block;width:100%;max-width:100%;min-width:0;margin:1.25em 0;color:inherit;font:inherit;box-sizing:border-box;clear:both}
.pics-scroll .pics-scroll__track{display:flex;gap:var(--pics-gap);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 0 10px;margin:0;direction:ltr;-webkit-overflow-scrolling:touch}
.pics-scroll .pics-scroll__item{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:var(--pics-height);max-width:100%;margin:0;padding:0;scroll-snap-align:start;background:var(--pics-surface);border-radius:6px;overflow:hidden}
.pics-scroll .pics-scroll__item a,.pics-scroll .pics-scroll__item picture{display:flex;height:100%;max-width:100%;margin:0;padding:0;border:0}
.pics-scroll .pics-scroll__item img{display:block!important;position:static!important;float:none!important;width:auto!important;height:var(--pics-height)!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.pics-scroll .pics-scroll__bar{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;padding-bottom:4px;font-size:13px}
.pics-scroll .pics-scroll__hint{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pics-scroll .pics-scroll__button{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:1px solid var(--pics-border);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:20px;cursor:pointer}
.pics-scroll .pics-scroll__button:hover:not(:disabled){background:var(--pics-surface);border-color:currentColor}
.pics-scroll .pics-scroll__button:disabled{opacity:.35;cursor:default}
.pics-scroll :focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:600px){.pics-scroll{--pics-height:220px;--pics-gap:8px}}
@media print{.pics-scroll .pics-scroll__track{flex-wrap:wrap;overflow:visible}.pics-scroll .pics-scroll__bar{display:none}}


/* Liquid Glass-inspired web material: dark scrim, luminous rim, shared control surface. */
.pics-scroll .pics-scroll__item img{cursor:zoom-in}
.pics-viewer{
  --pv-bg:rgba(8,10,15,.80);--pv-fg:#fff;--pv-glass:rgba(38,43,52,.78);
  --pv-rim:rgba(255,255,255,.30);--pv-shine:rgba(255,255,255,.28);
  --pv-soft:rgba(255,255,255,.07);--pv-button:rgba(255,255,255,.09);
  --pv-shadow:rgba(0,0,0,.38);--pv-focus:#cfe5ff;
  position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;
  max-height:none;margin:0;padding:24px;border:0;background:transparent;
  color:var(--pv-fg);font:inherit;overflow:hidden;
}
.pics-viewer[open]{display:flex;flex-direction:column;gap:20px}
.pics-viewer::backdrop{
  background:var(--pv-bg,rgba(8,10,15,.80));
  -webkit-backdrop-filter:blur(12px) saturate(.7);backdrop-filter:blur(12px) saturate(.7);
}
.pics-viewer .pics-viewer__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0}
.pics-viewer .pics-viewer__image{
  display:block;width:auto!important;height:auto!important;max-width:100%!important;
  max-height:100%!important;object-fit:contain;margin:0!important;padding:0!important;
  border:0!important;border-radius:6px;box-shadow:0 12px 48px var(--pv-shadow);
}
.pics-viewer .pics-viewer__image[hidden]{display:none}
.pics-viewer .pics-viewer__controls{
  --pv-light-x:28%;
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  gap:12px;flex:0 0 auto;min-height:44px;max-width:100%;align-self:center;
  padding:10px 12px;border-radius:999px;box-sizing:border-box;
  border:1px solid var(--pv-rim);
  background:linear-gradient(155deg,var(--pv-shine),transparent 38%,var(--pv-soft)),var(--pv-glass);
  -webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);
  box-shadow:inset 0 1px 0 var(--pv-shine),inset 0 -1px 0 var(--pv-soft),0 12px 36px var(--pv-shadow);
}
.pics-viewer .pics-viewer__controls::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at var(--pv-light-x) 0%,var(--pv-shine),transparent 64%);
}
.pics-viewer .pics-viewer__status{
  min-width:70px;max-width:180px;text-align:center;font-size:14px;font-weight:600;
  font-variant-numeric:tabular-nums;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 3px var(--pv-shadow);
}
.pics-viewer button{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;
  width:44px;height:44px;padding:0;margin:0;border:1px solid transparent;border-radius:50%;
  background:var(--pv-button);color:var(--pv-fg);font:inherit;font-size:24px;cursor:pointer;
  box-shadow:inset 0 1px 0 var(--pv-soft);transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.pics-viewer button:last-child{margin-left:4px;border-color:var(--pv-rim)}
.pics-viewer button:hover:not(:disabled){background:var(--pv-shine);border-color:var(--pv-rim);transform:translateY(-1px)}
.pics-viewer button:active:not(:disabled){transform:scale(.94)}
.pics-viewer button:disabled{opacity:.35;cursor:default}
.pics-viewer button:focus-visible{outline:2px solid var(--pv-focus);outline-offset:3px}
@media(max-width:600px){
  .pics-viewer{padding:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .pics-viewer[open]{gap:16px}
  .pics-viewer .pics-viewer__controls{gap:8px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  .pics-viewer button{transition:none}
  .pics-viewer button:hover:not(:disabled),.pics-viewer button:active:not(:disabled){transform:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .pics-viewer .pics-viewer__controls{background:rgb(38,43,52)}
}
@media(prefers-reduced-transparency:reduce){
  .pics-viewer::backdrop{background:rgba(8,10,15,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
  .pics-viewer .pics-viewer__controls{background:rgb(38,43,52);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media print{.pics-viewer{display:none!important}}