#preview-enlarge{display:block;width:100%;margin:14px 0 10px;color:#fff;font-size:15px}
#preview-image{cursor:zoom-in}
#preview-viewer{position:fixed;inset:8px;margin:auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;max-height:none;padding:0;border:1px solid #555;border-radius:12px;background:#161616;color:#fff;overflow:hidden}
#preview-viewer[open]{display:flex;flex-direction:column}
#preview-viewer::backdrop{background:#000c}
.preview-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #444;flex-wrap:wrap}
#preview-viewer h2{margin:0;font-size:17px;color:#fff;min-width:0;overflow-wrap:anywhere}
.preview-viewer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.preview-viewer-actions button{padding:8px 14px;min-height:42px;border:1px solid #666;background:#292929;color:#fff;border-radius:8px;font-size:15px}
.preview-viewer-actions output{min-width:48px;text-align:center;color:#fff;font-size:14px}
.preview-viewer-hint{margin:0;padding:7px 16px;color:#fff;font-size:12px}
.preview-viewer-scroll{flex:1;min-height:0;overflow:auto;background:#353535;overscroll-behavior:contain}
.preview-viewer-scroll img{display:block;max-width:none;height:auto;margin:0 auto}
@media(max-width:600px){#preview-viewer{inset:0;width:100vw;height:100dvh;border-radius:0;border:0}.preview-viewer-toolbar{padding:10px;gap:8px}.preview-viewer-actions{gap:5px;justify-content:space-between;width:100%}.preview-viewer-actions button{padding:8px 11px}.preview-viewer-hint{padding:6px 10px}}