.exif-panel{margin-block:1.5rem;padding:1.25rem;border:1px solid var(--border,#d5e3df);border-radius:1rem;background:var(--surface,#fff);min-width:0}
.exif-drop{text-align:center;border:2px dashed #146b63;padding-block:2rem}
.exif-drop>label{display:block;font-weight:700;font-size:1.2rem}.exif-drop input{max-width:100%;font:inherit}
.exif-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.exif-drop .exif-actions{justify-content:center}
.exif-help,.exif-panel small{color:#526a62}.exif-error{color:#a32121;font-weight:700}.exif-status{min-height:1.5em;overflow-wrap:anywhere}
.exif-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.75rem}.exif-card{background:#f1f7f5;border-radius:.75rem;padding:1rem;min-width:0}.exif-card h3{font-size:1rem;margin:0}.exif-card p{margin:.5rem 0 0}
.exif-panel p,.exif-panel dd,.exif-panel small,.exif-panel summary{overflow-wrap:anywhere;white-space:pre-wrap}.exif-panel dd{margin:0 0 1rem}.exif-panel dt{font-weight:700}.exif-panel small{font-weight:400}.exif-panel details{padding:.7rem 0;border-top:1px solid #d5e3df}.exif-panel summary{cursor:pointer;font-weight:700}.exif-panel dl{margin-block:1rem}.exif-review{padding:.75rem;background:#fff2dc;border-left:4px solid #9a5a05}
.exif-preview{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:1rem auto}.exif-panel [hidden],.exif-preview[hidden],.exif-panel[hidden]{display:none!important}
@media(max-width:640px){.exif-panel{padding:1rem}.exif-actions .button{width:100%}}