#imageViewer{width:96vw;max-width:1500px;height:94dvh;max-height:94dvh;overflow:hidden;border:1px solid #ead8bb;border-radius:20px;padding:0;background:#fffaf1;color:#694c34}#imageViewer[open]{display:flex;flex-direction:column}#imageViewer::backdrop{background:#20170fce;backdrop-filter:blur(5px)}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(120deg,#ffedd5,#f6e5cd);border-bottom:1px solid #e9d6ba;flex-wrap:wrap;flex-shrink:0}.zoom-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.zoom-controls button{font:inherit;color:#6b4a31;background:#fffdf8;border:1px solid #dfc5a2;border-radius:10px;padding:8px 12px;min-width:44px;min-height:44px;cursor:pointer}.zoom-controls button:hover{background:#ffe8cf}.zoom-controls output{min-width:50px;text-align:center;font-size:12px;font-weight:bold}.zoom-help,.zoom-status{margin:0;padding:9px 18px;font-size:11px;line-height:1.7;flex-shrink:0;color:#90775b}.zoom-viewport{position:relative;flex:1;min-height:0;overflow:auto;background:#e8dfd1;touch-action:none;cursor:grab;overscroll-behavior:contain;scrollbar-width:auto}.zoom-viewport:active{cursor:grabbing}.zoom-canvas{width:max-content;height:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:12px;box-sizing:border-box}.zoom-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;pointer-events:none;flex-shrink:0}#detailBody .detailimage img,#detailBody .detailtext>img{cursor:zoom-in}#detailBody img[data-zoom-ready]:focus-visible{outline:3px solid #d46b32;outline-offset:5px}.detailimage{position:relative}.detailimage:after{content:'🔍 แตะรูปเพื่อขยาย';position:absolute;left:12px;top:12px;background:#fffaf0ed;border:1px solid #e3c7a5;border-radius:20px;padding:6px 10px;font-size:11px;color:#956337;pointer-events:none}@media(max-width:600px){#imageViewer{width:100vw;height:96dvh;max-height:96dvh;border-radius:14px}.zoom-toolbar{padding:10px;gap:8px}.zoom-toolbar strong{font-size:13px}.zoom-controls{gap:5px}.zoom-controls button{padding:7px 9px;font-size:12px}.zoom-help,.zoom-status{padding:7px 10px;font-size:10px}}