.naqsh-viewer{background-color:var(--naqsh-oat);block-size:100svh;max-block-size:100svh;inline-size:100vw;max-inline-size:100vw;color:var(--naqsh-text-on-oat);--naqsh-ground:var(--naqsh-oat);--naqsh-text:var(--naqsh-text-on-oat);border:0;margin:0;padding:0}.naqsh-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);animation:.18s ease-out backwards naqsh-viewer-in;display:grid}.naqsh-viewer>*{min-inline-size:0}.naqsh-viewer::backdrop{background:0 0}.naqsh-viewer[data-o-closing]{opacity:0;transition:opacity .16s}@keyframes naqsh-viewer-in{0%{opacity:0}}.naqsh-viewer__bar{justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(12px,3vw,28px);display:flex}.naqsh-viewer__label{gap:.8em;min-inline-size:0;max-inline-size:calc(100% - 60px)}.naqsh-viewer__title{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.naqsh-viewer__count{font-variant-numeric:tabular-nums}.naqsh-viewer__close .naqsh-icon{block-size:24px;inline-size:24px}.naqsh-viewer__track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:100%;grid-auto-columns:100%;grid-auto-flow:column;min-block-size:0;display:grid;overflow:auto hidden}.naqsh-viewer__track::-webkit-scrollbar{display:none}.naqsh-viewer__slide{scroll-snap-align:center;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;margin:0;padding:clamp(10px,3vw,36px);display:grid;overflow:hidden}.naqsh-viewer__img{object-fit:contain;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%;box-shadow:inset 0 0 0 clamp(10px,2.4vw,26px)#fff,0 0 0 1px color-mix(in srgb,var(--naqsh-ink)12%,transparent),0 22px 40px -30px color-mix(in srgb,var(--naqsh-ink)70%,transparent);background-color:#fff;padding:clamp(10px,2.4vw,26px)}.naqsh-viewer__slide[data-o-zoomed] .naqsh-viewer__img{max-block-size:none;max-inline-size:none}.naqsh-viewer__step{z-index:2;background-color:color-mix(in srgb,var(--naqsh-paper)92%,transparent);color:var(--naqsh-text-on-paper);position:fixed;inset-block-start:50%;translate:0 -50%}.naqsh-viewer__step--prev{inset-inline-start:clamp(8px,2vw,24px)}.naqsh-viewer__step--next{inset-inline-end:clamp(8px,2vw,24px)}:root[dir=rtl] .naqsh-viewer__step .naqsh-icon:not(.naqsh-icon--back),:root[dir=ltr] .naqsh-viewer__step .naqsh-icon--back{transform:scaleX(-1)}.naqsh-viewer__step:disabled{opacity:.35;cursor:default}.naqsh-viewer__contacts{padding:12px clamp(12px,3vw,28px)max(14px,env(safe-area-inset-bottom));justify-content:center;gap:10px;display:flex;overflow-x:auto}.naqsh-viewer__thumb{inline-size:56px;box-shadow:0 0 0 1px color-mix(in srgb,var(--naqsh-ink)14%,transparent);opacity:.72;background-color:#fff;border:0;border-radius:2px;flex:none;padding:3px}.naqsh-viewer__thumb img{aspect-ratio:1;object-fit:cover;inline-size:100%}.naqsh-viewer__thumb[data-o-active]{opacity:1;box-shadow:0 0 0 1.5px var(--naqsh-thread),0 0 0 4px var(--naqsh-oat),0 0 0 5.5px color-mix(in srgb,var(--naqsh-thread)55%,var(--naqsh-oat))}.naqsh-viewer__hint{background-color:var(--naqsh-ink);inline-size:max-content;max-inline-size:calc(100% - 32px);color:var(--naqsh-text-on-ink);opacity:0;pointer-events:none;border-radius:2px;margin-inline:auto;padding:6px 12px;font-size:.86rem;transition:opacity .2s;position:fixed;inset-block-end:96px;inset-inline:0}.naqsh-viewer__hint[data-o-shown]{opacity:1}@media (prefers-reduced-motion:reduce){.naqsh-viewer[open],.naqsh-viewer[data-o-closing],.naqsh-viewer__hint{transition:none;animation:none}}