.exif{display:flex;flex-direction:column;gap:20px}.exif__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03));cursor:pointer;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s);text-align:center}.exif__dropzone:hover,.exif__dropzone--active{border-color:var(--color-primary, #2b6cff);background:var(--color-primary-soft, rgba(43, 108, 255, .06))}.exif__dropzone-icon{font-size:48px;line-height:1}.exif__dropzone-text{font-size:16px;font-weight:600;color:var(--color-text)}.exif__dropzone-hint{font-size:13px;color:var(--color-text-soft)}.exif__file-input{display:none}.exif__preview-bar{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03))}.exif__thumb{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-sm, 6px);overflow:hidden;border:1px solid var(--color-border);background:#fff}.exif__thumb img{width:100%;height:100%;object-fit:cover}.exif__file-info{flex:1;min-width:0}.exif__file-name{font-weight:600;font-size:15px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exif__file-meta{font-size:13px;color:var(--color-text-soft);margin-top:4px}.exif__loading{font-size:13px;color:var(--color-primary, #2b6cff);margin-top:4px}.exif__actions{display:flex;gap:8px;flex-shrink:0}.exif__btn{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--color-primary, #2b6cff);border-radius:var(--radius-sm, 6px);background:var(--color-primary, #2b6cff);color:#fff;cursor:pointer;transition:opacity var(--transition-fast, .15s)}.exif__btn:hover{opacity:.85}.exif__btn:disabled{opacity:.5;cursor:not-allowed}.exif__btn--ghost{background:transparent;color:var(--color-primary, #2b6cff)}.exif__toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exif__search{flex:1;min-width:200px;padding:9px 14px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg, #fff);color:var(--color-text)}.exif__search:focus{outline:none;border-color:var(--color-primary, #2b6cff)}.exif__toolbar-btns{display:flex;gap:8px;flex-wrap:wrap}.exif__error{padding:12px 16px;border-radius:var(--radius-sm, 6px);background:var(--color-error-soft, rgba(220, 38, 38, .08));border:1px solid var(--color-error-border, rgba(220, 38, 38, .3));color:var(--color-error, #dc2626);font-size:14px}.exif__empty{text-align:center;padding:48px 24px;color:var(--color-text-soft)}.exif__empty-icon{font-size:48px;margin-bottom:12px}.exif__empty-hint{font-size:13px;margin-top:8px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.exif__map-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--radius-md);background:var(--color-primary-soft, rgba(43, 108, 255, .06));border:1px solid var(--color-primary-border, rgba(43, 108, 255, .2));font-size:14px;color:var(--color-text)}.exif__map-icon{font-size:20px}.exif__map-link{margin-left:auto;color:var(--color-primary, #2b6cff);text-decoration:none;font-weight:500}.exif__map-link:hover{text-decoration:underline}.exif__groups{display:flex;flex-direction:column;gap:20px}.exif__group{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.exif__group-title{margin:0;padding:12px 18px;font-size:15px;font-weight:600;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border-bottom:1px solid var(--color-border);color:var(--color-text)}.exif__tag-list{margin:0;padding:0}.exif__tag-row{display:flex;gap:16px;padding:10px 18px;border-bottom:1px solid var(--color-border);font-size:14px}.exif__tag-row:last-child{border-bottom:none}.exif__tag-row dt{flex:0 0 160px;color:var(--color-text-soft);font-weight:400}.exif__tag-row dd{flex:1;margin:0;color:var(--color-text);word-break:break-word;font-variant-numeric:tabular-nums}.exif__raw-json{margin:0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03));font-family:var(--font-mono, "SF Mono", Monaco, Consolas, monospace);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;color:var(--color-text)}@media(max-width:768px){.exif__preview-bar{flex-wrap:wrap}.exif__file-info{flex:1 1 calc(100% - 88px)}.exif__actions{flex:1 1 100%;justify-content:flex-end}.exif__toolbar{flex-direction:column;align-items:stretch}.exif__search{width:100%}.exif__toolbar-btns{justify-content:flex-start}.exif__tag-row{flex-direction:column;gap:4px}.exif__tag-row dt{flex:none}}@media(max-width:414px){.exif__dropzone{padding:32px 16px}.exif__preview-bar{padding:12px;gap:12px}.exif__thumb{width:56px;height:56px}.exif__btn{padding:7px 12px;font-size:13px}.exif__group-title{padding:10px 14px;font-size:14px}.exif__tag-row{padding:8px 14px}}:global(.dark) .exif__thumb{background:#1a1a1a}:global(.dark) .exif__raw-json{background:#ffffff0a}