.dc-file-drop-active{position:relative;outline:2px dashed var(--dc-accent,#5bc0de)!important;outline-offset:-3px;box-shadow:inset 0 0 22px #5bc0de18!important}
.dc-file-drop-hint{position:absolute;inset:6px;z-index:40;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border-radius:12px;background:#0b1928de;color:#c9f2ff;font:700 14px system-ui}
.photo-file-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 2px;font-size:10px}
.photo-file-meta span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.photo-file-meta small{white-space:nowrap;opacity:.75}
.photo-transfer-status{display:block;padding:3px 2px;font-size:10px;color:inherit}
.photo-transfer-status[data-state="failed"]{color:#ff8b92}.photo-transfer-status[data-state="saved"]{color:#70dca8}
.photo-transfer-meter{display:block;height:4px;width:100%;accent-color:var(--dc-accent,#5bc0de);margin:3px 0}
@media(hover:hover) and (pointer:fine){.photo-pick::after{content:' · or drop photos';font-weight:500;opacity:.75;font-size:11px}}
@media(prefers-reduced-motion:no-preference){.dc-file-drop-active{transition:outline-color .15s,box-shadow .15s}}
body.dc-ux-reduce .dc-file-drop-active{transition:none}