.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-default);color:var(--color-text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-accent);background-color:var(--color-accent-light);color:var(--color-accent)}.drop-zone.has-image{padding:var(--space-3);border-style:solid}.drop-zone p{margin:0;font-size:var(--text-sm)}.drop-zone-preview{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:contain}.image-preview{text-align:center;margin-bottom:var(--space-4)}.image-preview img{max-width:100%;max-height:300px;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:contain}.exif-sections{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.exif-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.exif-section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-text);background-color:var(--color-accent);padding:var(--space-2) var(--space-3);margin:0}.exif-table{width:100%;border-collapse:collapse}.exif-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--color-border);vertical-align:top}.exif-table tr:last-child td{border-bottom:none}.exif-table td:first-child{color:var(--color-text-secondary);white-space:nowrap;width:40%;font-weight:var(--weight-medium)}.exif-table td:last-child{color:var(--color-text-primary);word-break:break-all}.gps-info{padding:var(--space-3);font-size:var(--text-sm)}.gps-info a{color:var(--color-accent);text-decoration:underline;word-break:break-all}.gps-info a:hover{opacity:.8}.privacy-warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-4);background-color:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);font-size:var(--text-sm);color:#92400e}[data-theme=dark] .privacy-warning{background-color:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.privacy-warning svg{flex-shrink:0;margin-top:2px}.no-exif-message{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.action-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.action-buttons .action-button{flex:1}
