#preview-wrap{margin-top:0.5rem}
#preview{max-width:100%;max-height:300px;border:1px solid #ccc;display:none}
#map{height:300px;border:1px solid #ccc}
.map-controls{margin:0.4rem 0;display:flex;gap:0.5rem}
.map-controls button{padding:0.4rem 0.6rem}
label{display:block;margin:0.4rem 0}
.gps-row{display:flex;gap:1rem}
.gps-row label{flex:1}
.gps-row input{width:70%;max-width:100%;}
.buttons{margin-top:0.6rem}
button{padding:0.4rem 0.8rem}
a#download-link{margin-left:1rem}

/* Ensure EXIF status can wrap and is visible on narrow/mobile screens */
#exif-status{white-space:normal;overflow:visible}

@media(max-width:600px){.gps-row{flex-direction:column}}

/* Additional Bootstrap overrides to ensure map/card spacing */
.card{min-height:120px}