.fd-photos { padding: 16px; background: #fff; border: 1px solid #dce7e8; border-radius: 12px; }
.fd-photos__top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.fd-photos__top h3 { margin: 0; font-size: 16px; color: #12383c; }
.fd-photos__count, .fd-photos__tip { font-size: 12px; color: #6e8486; }
.fd-photos__tip { margin: 8px 0 12px; }
.fd-photos__upload { display: inline-block; background: #15444b; color: white; padding: 10px 16px; border-radius: 8px; cursor: pointer; font-size: 13px; }
.fd-photos__upload[hidden] { display: none; }
.fd-photos__upload.is-busy { opacity: .55; cursor: wait; }
.fd-photos__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.fd-photos__status { min-height: 20px; color: #387865; font-size: 12px; margin: 12px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.fd-photos__status--error { color: #b42318; }
.fd-photos__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.fd-photos__card { padding: 8px; border: 1px solid #e1eaea; border-radius: 9px; min-width: 0; }
.fd-photos__preview { display: flex; width: 100%; height: 102px; align-items: center; justify-content: center; font-size: 12px; color: #587173; background: #f0f5f5; border-radius: 6px; overflow: hidden; }
.fd-photos__preview img { width: 100%; height: 100%; object-fit: cover; }
.fd-photos__filename { display: block; margin: 6px 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-photos__delete { border: 1px solid #f0d4d2; background: white; color: #ad3830; padding: 6px 8px; border-radius: 5px; font-size: 12px; cursor: pointer; }
.fd-photos__delete:disabled { opacity: .5; }