.fdpb-ul{display:flex;flex-direction:column;gap:10px;padding:8px 4px;color:#333;font-size:13px}.fdpb-ul__header{display:flex;align-items:center;gap:10px}.fdpb-ul__title{font-weight:600;flex:1}.fdpb-ul__count{font-size:11px;color:#888}.fdpb-ul__btn-upload{display:inline-block;padding:6px 12px;background:#93003f;color:#fff;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;user-select:none;line-height:1.2}.fdpb-ul__btn-upload:hover{background:#c4366f}.fdpb-ul__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.fdpb-ul__item{position:relative;aspect-ratio:1 / 1;background:#f5f5f7;border:1px solid #e2e2e6;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .08s,border-color .15s}.fdpb-ul__item:hover{border-color:#93003f;transform:translateY(-1px)}.fdpb-ul__item img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}.fdpb-ul__del{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer;font-size:13px;line-height:16px;padding:0;opacity:0;transition:opacity .15s}.fdpb-ul__item:hover .fdpb-ul__del{opacity:1}.fdpb-ul__del:hover{background:#c4366f}.fdpb-ul__empty{padding:16px 8px;color:#888;font-size:12px;line-height:1.5;text-align:center;background:#fafafb;border:1px dashed #d6d6dc;border-radius:4px}.fdpb-ul__error{padding:6px 10px;background:#fff0f1;border:1px solid #f4c2c8;border-radius:4px;color:#93003f;font-size:12px}.fdpb-ul__loader{padding:4px 0;color:#888;font-size:11px;text-align:center}