/* Metadata View Styles */
#view-metadata.active{display:flex;flex-direction:column}
#view-metadata .meta-main{display:flex;flex:1;min-height:0}
#meta-image-area{flex:1;position:relative;overflow:hidden;background:#111;min-width:0}
#meta-sidebar{width:320px;overflow-y:auto;flex-shrink:0;background:#222;border-left:1px solid #333;padding:16px}

.saved-info{padding:6px 8px;border-radius:4px;font-size:12px;margin-bottom:6px;position:relative}
.saved-info.empty{background:#2a2a2a;color:#666;border:1px dashed #444}
.saved-info.set{background:#1a2e1a;color:#6ee76e;border:1px solid #2d4f2d}
.saved-clear{position:absolute;right:8px;top:4px;cursor:pointer;font-size:16px;color:#888;line-height:1}
.saved-clear:hover{color:#f87171}

#meta-loc-results div{transition:background 0.1s}

.vt-btn{background:#2a2a2a;color:#aaa;cursor:pointer;font-size:11px;padding:6px 2px;transition:all 0.15s}
.vt-btn:hover{background:#333}
.vt-btn.active{background:#2563eb;color:#fff}

.gallery-item{transition:border-color 0.15s,box-shadow 0.15s}
.gallery-item:hover{border-color:#555 !important}
.gallery-item.active:hover{border-color:#3b82f6 !important}

.export-ok{font-weight:600}

#meta-gallery{display:flex;flex-direction:column}

@media(max-width:900px){
  #meta-sidebar{width:260px}
}