/* osir.co.uk: Photo Metadata Viewer & Remover */
.px-drop { padding: 30px 16px; }
.px-drop strong { color: var(--text); font-size: 15.5px; }
.px-head { display: flex; gap: 14px; align-items: center; min-width: 0; }
.px-thumb { flex: none; width: 88px; height: 88px; object-fit: cover; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-2); }
.px-head-text { min-width: 0; }
.px-name { font-size: 17px; word-break: break-all; }
.px-gps { margin-top: 12px; padding: 4px 14px 14px; border-radius: 14px; border: 1px solid rgba(220, 38, 38, .35); background: rgba(220, 38, 38, .05); }
.px-clean { margin-top: 14px; display: grid; gap: 8px; justify-items: start; }
.px-result { display: grid; gap: 8px; justify-items: start; }
.px-result p { color: var(--text-2); }
.px-group { margin-top: 12px; }
.px-group > summary { cursor: pointer; font-weight: 700; font-size: 14.5px; }
.px-table td { font-size: 13.5px; }
.px-table td:first-child { width: 34%; white-space: normal; min-width: 110px; }
.px-val { word-break: break-word; white-space: pre-wrap; }
.px-xmp { max-height: 360px; overflow: auto; white-space: pre-wrap; word-break: break-all; font-size: 12px; margin-top: 8px; }
@media (max-width: 560px) { .px-thumb { width: 64px; height: 64px; } }