/*
 * TheDesizn Tools — Image Metadata Viewer Styles
 */
.tdz-meta-layout { display: grid; grid-template-columns: 180px 1fr; gap: 20px; margin-top: 20px; align-items: start; }
@media (max-width: 640px) { .tdz-meta-layout { grid-template-columns: 1fr; } }
.tdz-meta-thumb { width: 180px; height: 180px; object-fit: contain; border-radius: 8px; border: 1px solid var(--tdz-border); background: #f8fafc; }
.tdz-meta-table-wrap { overflow-x: auto; }
.tdz-meta-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.tdz-meta-table thead th { text-align: left; padding: 8px 12px; background: var(--tdz-bg-alt); border-bottom: 2px solid var(--tdz-border); font-weight: 700; color: var(--tdz-text-muted); }
.tdz-meta-table tbody tr { border-bottom: 1px solid var(--tdz-border); }
.tdz-meta-table tbody tr:hover { background: var(--tdz-bg-alt); }
.tdz-meta-key { padding: 8px 12px; font-weight: 600; color: var(--tdz-text-muted); white-space: nowrap; }
.tdz-meta-val { padding: 8px 12px; font-family: var(--tdz-font-mono); word-break: break-all; }