/* ผู้พัฒนา ระบบ : นายวิษณุ เสาะสาย · เจ้าพนักงานธุรการ */
#post-photo-dialog{width:min(1100px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:94vh;max-height:94dvh;margin:auto;padding:0;border:1px solid #ffffff30;border-radius:20px;background:#10211e;color:#f4faf7;box-shadow:0 24px 100px #0008;font-family:inherit;overflow:auto}
#post-photo-dialog[open]{display:flex;flex-direction:column}
#post-photo-dialog::backdrop{background:#06100ee0;backdrop-filter:blur(5px)}
#post-photo-dialog .ppv-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #ffffff16}
#post-photo-dialog h2{min-width:0;margin:0;color:#f4faf7;font:inherit;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#post-photo-dialog .ppv-stage{position:relative;display:grid;place-items:center;flex:1 1 auto;min-height:120px;height:63vh;height:63dvh;background:#091713;overflow:hidden;touch-action:pan-y pinch-zoom}
#post-photo-dialog .ppv-stage img{display:block;width:100%;height:100%;max-height:63vh;max-height:63dvh;object-fit:contain;object-position:center}
#post-photo-dialog .ppv-stage img[hidden]{display:none}
#post-photo-dialog [data-ppv-error]{padding:24px;text-align:center;color:#f2ddd1;font-size:14px}
#post-photo-dialog [hidden]{display:none!important}
#post-photo-dialog .ppv-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 16px}
#post-photo-dialog [data-ppv-count]{min-width:65px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
#post-photo-dialog .ppv-button{flex-shrink:0;min-height:42px;padding:8px 14px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff0c;color:#fff;font:inherit;font-size:13px;cursor:pointer}
#post-photo-dialog .ppv-button:hover{background:#ffffff22}
#post-photo-dialog .ppv-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:0 16px 10px;flex-shrink:0;scrollbar-width:thin}
#post-photo-dialog .ppv-thumb{position:relative;flex:0 0 56px;width:56px;height:48px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:8px;background:#ffffff12;cursor:pointer}
#post-photo-dialog .ppv-thumb[aria-current="true"]{border-color:#bfe9d1;box-shadow:0 0 0 1px #bfe9d150}
#post-photo-dialog .ppv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#post-photo-dialog .ppv-direct{align-self:center;margin:0 12px 12px;color:#c6dfd2;font-size:12px;text-underline-offset:3px}
#post-photo-dialog button:focus-visible,#post-photo-dialog a:focus-visible{outline:3px solid #bfe9d1;outline-offset:2px}
#post-photo-gallery [data-post-photo]{display:block;cursor:zoom-in}
#post-photo-gallery [data-post-photo]:focus-visible{outline:3px solid var(--bs-primary,#008c68);outline-offset:4px}
@media(max-width:575px){#post-photo-dialog{border-radius:14px}#post-photo-dialog .ppv-header{padding:10px}#post-photo-dialog .ppv-stage{height:55vh;height:55dvh}#post-photo-dialog .ppv-stage img{max-height:55vh;max-height:55dvh}#post-photo-dialog .ppv-controls{gap:10px;padding:10px}#post-photo-dialog .ppv-button{padding:8px 11px;font-size:12px}#post-photo-dialog .ppv-thumbnails{padding-inline:10px}}